js 新写法(3)类中的属性使用箭头函数

JavaScript033

js 新写法(3)类中的属性使用箭头函数,第1张

运行的结果不难想象应该为 undefined is ready for attaching undefine 。这是因为 button onclick 引用了 Warrior 的 attach 的方法。但是这里 button 中并没有 element 这个属性。所以 undefined。这也就是我们常说的 this 指向的问题。

我们通过 bind 的方法将我们方法绑定到指定的对象,这样我们的方法就有了 context 也就是上下文。这样就解决了问题,这样写法我们在 jquery 的事件绑定是最常见不过的了。

当然我们也可以也使用 es6 的箭头函数作为 ready 属性,这个箭头好处就是我无需再写 bind 来讲方法绑定到指定对象,箭头方法中 this 对象。

不通过这样做还是有性能问题的,

这种写法想必我们在写 react 时候会经常遇到这种写法。这样同样可以解决 this 的指向的问题。

每一次都会创建一个函数

我们对 createWarrior 进行改造。

(一)箭头函数

1.语法:function 用var, let, const来表示参数要希望在第一个等号的后面

2.如果没有参数,需要写一对空的括号

3.只有一个参数,那就直接写,不用加括号

4.参数有多个,需要加一个小括号,参数用逗号隔开

5.函数的主体内容是放在箭头后面,如果语句只有一条,那就直接写,如果语句有多条,需要把他们放在一对大括号里

参考资料: https://www.51zxw.com/