箭头函数

ES6允许使用“箭头”(=>)定义函数。

let [函数名] = (参数) => (
    返回值
)

等同于下面函数

function [函数名]([参数]){
    return (
    返回值
    )
}

注意:箭头函数的参数小括号,一位参数时可以省略小括号。

如果函数执行多条js语句,用{}包裹。 如果有返回值使用return返回

let [函数名] = (参数) => {
    js语句;
    return (
        返回值
    )
}

如果函数返回对象,用({})包裹

let [函数名] = (参数) => ({
    js语句;
    return (
        返回值
    )
})

匿名箭头函数

setTimeout(function(){
        console.log('a')
      } ,1000)

可以写为

setTimeout( () => 
    console.log('a')
,3000)

箭头函数的this指向

let sun = () => console.log(this);
sun()

指向定义时所在的对象,而不是使用时所在的对象。

普通函数指向window

function sun(){
    console.log(this)
};
sun()
//undefined

在严格模式下输出undefined

箭头函数指向的this在声明时就会绑定,以后所有的this都指向声明时的this。

function foo() {
  setTimeout(() => {
    console.log('id:', this.id);
  }, 100);
}

var id = 21;

foo.call({ id: 42 });

箭头函数里的this指向本身,也就是foo,执行foo的时候指向foo的id替换为42

results matching ""

    No results matching ""