3-箭头函数与普通函数

Posted slightfly

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了3-箭头函数与普通函数相关的知识,希望对你有一定的参考价值。

   // 箭头函数 
    let fun = () => {
        console.log(‘lalalala‘);
    }
    
    // 普通函数 
    function fun() {
        console.log(‘lalla‘);
    }

1、定义 

  箭头函数是匿名函数,不能作为构造函数,不能使用new

2、使用

  1)开发时根据实际情况可以省略一些东西 

    ----- 单条处理可以省略return和{大括号}     ----单个参数可以省略(小括号)

    技术图片     技术图片

  2)箭头函数不能作为构造函数 不能new。会报错

    技术图片    技术图片

   3)箭头函数不绑定arguments,但是可使用…rest参数

        技术图片  技术图片  

        技术图片   技术图片

 

        技术图片   技术图片

  4)this指向不同   ---箭头函数可以让this指向固定化,这种特性很有利于封装回调函数。

    原理: this指向的固定化,并不是因为箭头函数内部有绑定this的机制,实际原因是箭头函数根本没有自己的this,导致内部的this就是外层代码块的this。正是因为它没有this,所以也就不能用作构造函数。

    f1 是箭头函数,this代表上层对象,若无自定义上层,则代表window。箭头函数的 this 永远指向其上下文的 this,,,箭头函数内的this指向上层对象,bind()、call()、apply()均无法改变指向

    f2 是普通函数,this代表当前对象。指向调用它的那个对象

    技术图片  技术图片

 

    技术图片   技术图片

 

   5) 箭头函数没有原型属性

    prototype是普通函数用于获取原型对象的

    技术图片

 

   6)不可以使用yield命令,因此箭头函数不能用作 Generator 函数。

  

 

以上是关于3-箭头函数与普通函数的主要内容,如果未能解决你的问题,请参考以下文章

箭头函数与普通函数的区别

箭头函数与普通函数的区别

ES6——箭头函数与普通函数的区别

[ECMAScript] 箭头函数与普通函数有什么区别?它有哪些新的特性?

vue箭头函数与普通函数

箭头函数与普通函数的区别 啥是函数