es6箭头函数

来源：互联网发布：护眼仪有用吗知乎编辑：程序博客网时间：2024/05/16 06:45

1. typeof运算符和普通的function一样

1
2
var func = a => a
console.log(typeof func); // "function"

2. instanceof也返回true，表明也是Function的实例

1
console.log(func instanceof Function); // true

3. this固定，不再善变

1
2
3
4
5
6
7
8
9
10
11
12
13
obj = {
    data: ['John Backus', 'John Hopcroft'],
    init: function() {
        document.onclick = ev => {
            alert(this.data) // ['John Backus', 'John Hopcroft']
        }
        // 非箭头函数
        // document.onclick = function(ev) {
        //     alert(this.data) // undefined
        // }
    }
}
obj.init()

这个很有用，再不用写me，self，_this了，或者bind。

4. 箭头函数不能用new

1
2
3
4
5
var Person = (name, age) => {
    this.name = name
    this.age = age
}
var p = new Func('John', 33) // error

5. 不能使用argument

1
2
3
4
var func = () => {
    console.log(arguments)
}
func(55) //

对于5，在Firefox里测试是可以输出Arguments { 0: 5, 2 more… }的,chrome不行

0 0