箭头函数特性解析-优快云博客

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

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

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

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

3. this固定，不再善变

 
        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

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

5. 不能使用argument

 
        var  
        func = () => { 
       
        console.log(arguments) 
       
        } 
       
        func(55)  
        //

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

es6箭头函数