hi,欢迎访问本站!
当前位置: 首页Web前端正文

详解一下javascript中的箭头函数

墨初 Web前端 94阅读

在 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 开发中非常常见。

声明:无特别说明,转载请标明本文来源!
相关推荐