【前端】ES6新特性下

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/cheidou123/article/details/91649944

一 箭头函数

箭头函数用 => 符号来定义。

1.基本用法

箭头函数相当于匿名函数，所以采用函数表达式的写法。

• ⑴基本用法

• ⑵只有一个参数

• ⑶不需要参数
  如果不需要参数，直接()就行
  普通函数写法:

2. 注意事项

• ⑴箭头函数里的this指向的是定义函数所在的对象，而不是运行时所在的对象

let json = {
    name: '苏日俪格',
    show: function(){
        setTimeout(function(){
            console.log(this.name); // 控制台什么都没有输出
        },1000);
    }
}
json.show();

let json = {
    name: '苏日俪格',
    show: function(){
        setTimeout(() => {
            console.log(this.name); // 苏日俪格
        },1000);
    }
}
json.show();

• ⑵箭头函数里面不能使用arguments，如果用了就是is not defined
• ⑶箭头函数不能当做构造函数来用，下面这样写是错误的:

let Show = ()=>{
    this.name = '苏日俪格';
}
let a = new Show();
console.log(a.name);    // Show is not a constructor