No.50 ES6---函数的扩展

一、箭头函数

  • ES6 允许使用“箭头”(=>)定义函数，之前是通过function 来定义函数。
<body>
    <script>
        //之前我们接触的是
        function fn1(x,y){
            return x+y ;
        }

        //也可以写成赋值型
        var fn2 = function(x,y){
            return x + y;
        }

        //改写成箭头函数
        var fn3 = (x,y) => x+y;

        console.log(fn1(1,4))
        console.log(fn2(1,5))
        console.log(fn3(1,3))
    </script>
</body>

 

        //改写成箭头函数
        var fn3 = (x,y) => x+y;
        var fn4 = x => x*x; //一个参数的时候不用括号
        var fn5 = () => 10; //没有参数的时候用括号占位

        console.log(fn1(1,4))
        console.log(fn2(1,5))
        console.log(fn3(1,3))
        console.log(fn4(4))
        console.log(fn5())
  • 如果箭头函数的代码块部分多于一条语句，就要使用大括号将它们括起来，并且使用retum 语句返回。
  • 如果箭头函数直接返回一个对象，必须在对象外面加上括号，否则会报错.

作用：

  • 箭头函数的一个用处是简化回调函数(匿名函数)。　

注意：

  • 对于普通函数来说，内部的 this 指向函数运行时所在的对象，但是这一点对箭头函数不成立。它没有自己的this 对象，内部的 this 就是定义时上层作用域中的 this.

 



　　

posted @ 2025-03-11 09:46  百里屠苏top  阅读(9)  评论(0)    收藏  举报