function中bind绑定问题

Question

在开发中遇到this指向问题，除了使用箭头函数外，我想着能不能用bind来解决。我在用fn的建议写法时绑定就出错误，使用传统写法就ok。MDN上也查不出问题在哪

Answer 1

第二种合法适因为满足

{key:value}

的形式，value表示的范围很大可以是很多合法语句，声明、运算、赋值、iife...,function(){}.bind()就是合法语句；
第一种ES6的简写
可以理解成

{
    value,
    func(){}
}

被解析成

{
    value: value,
    func: function(){}
}

的形式,但是并不会把

    value + 1，
    func(){}.bind()

解析成

{
    value: value + 1,
    func: function(){}.bind()
}

的形式，换句话说，如果你那种形式合法

var a = {
    success(){},
    success(){}.bind({a:1}),
    success(){}.bind({a:2})
}
那你如何区分a.success

Answer 2

个人猜测:

{
    funcName(args...) {
        // ...
    }
}

这种是语法层面的 声明方法 操作，编译器能接受的只是 funcName(...) {...} 这么个结构， } 之后就不允许出现 . 这种行为了。

而

{
    funcName: funciton(args...) {
        //...
    }.bind(...) // 注意到 bind 返回的仍然是一个 function
}

这种是为 funcName 这个键赋值一个 Function 类型的匿名函数的值。

所以应该是语法层面的问题。

如有错误还请海涵 : )

Answer 3

var obj = {
func01: function() {},
func02() {}
};

这应该是两种写法上的区别
func01是在执行那一行的时候，function才定义的，当执行bind的时候function就已经定义好了，所以使用bind不会出错，
而func02是在定义obj的过程中定义的，当执行到func02的时候，这时候函数的声明有可能还没执行完，所以这时候调用bind方法会报错