详解一下javascript中的箭头函数
墨初 Web前端 1476阅读
在 JavaScript 中,箭头函数(Arrow Functions)是 ES6 引入的一种新的函数语法,它提供了一种更简洁的方式来定义函数.
箭头函数的语法使用 => 运算符,并且没有自己的 this、super 或 arguments 绑定,它们继承自封闭的词法作用域。
js箭头函数的用法
基本语法:
<script>
    // 没有参数
    const sum = () => {
        // 函数体
    }
    // 一个参数
    const sum = a => {
        // 函数体
    }
    // 二个函数
    const sum = (a,b) => {
        //函数体
    }
</script>示例:
<script>
    const sayhello = () => console.log('hello words');
    sayhello();
    const shell = a => console.log('hello' + a);
    shell('mochu');
    const sum = (a,b) => a + b;
    console.log(sum(1,1));
</script>注意:
1、箭头函数继承自封闭的词法作用域,这意味着它们没有自己的 this、super 或 arguments 绑定。如果你在箭头函数内部使用这些关键词,它们将引用封闭词法作用域中的值。
2、箭头函数没有自己的原型对象,因此不能用作构造函数,也不能使用 new 关键字。
3、箭头函数不能用作生成器函数,也就是说不能使用 yield 关键字。
4、箭头函数通常用于回调函数、事件处理函数或任何需要函数表达式的场景。
总之,箭头函数是 JavaScript 中一种更简洁、更灵活的函数定义方式,它们在现代 JavaScript 开发中非常常见。
