JavaScript 箭头函数

Posted 2020-10-19 木头人_a

　　1、没有参数时

var demo = function () {

}
    //可以改写为

var demo = () => {

}

　　2、只有一个参数时

var demo =function(arg){

}
    //可以改写为

var demo = arg =>{

}

　　3、函数体只有一条语句时

var demo = function(){
return 1
}
    //可以改写为

var demo =()=> return 1

注意： 当这一条语句是一个对象时 要用小括号括起来 

例如 var demo = ()=> ({a:11,b:"string"})

　　4、箭头函数的确与传统函数有不同之处，但仍存在共同的特点。

　　例如：
　　1.对箭头函数进行typeof操作会返回“function”。
　　2.箭头函数仍是Function的实例，故而instanceof的执行方式与传统函数一致。
　　3.call/apply/bind方法仍适用于箭头函数，但就算调用这些方法扩充当前作用域，this也依旧不会变化。
　　4.箭头函数与传统函数最大的不同之处在，禁用new操作