这里为什么要改成箭头函数

来源：3-5 getter 与 setter（2）

hyperse

2020-09-17 23:24:53

视频中一带而过了

				init(){
					const audio = new Audio();
					audio.src = '...';
					
					audio.oncanplay = () =>{
						audio.play();
						this.status = 1;
					}
				}

写回答

2回答

好帮手慕夭夭

2020-09-18

同学你好，是因为this指向问题，普通的函数中，this指向的是函数调用者。这里是audio调用的，那么this指向的就是audio，函数中，this.status相当于audio.status，status属性并不是audio的，所以写成普通函数，无法通过this调用类上面定义的属性和方法了。

而箭头函数的this，是在箭头函数创建时绑定的，即箭头函数中this就会指向类的实例，从而可以通过this调用类里面定义的属性和方法了。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

hyperse

h 如果用普通函数，this就指向audio，audio是Audio（）的实例对吗？然后改成箭头函数，this就指向init()方法所在的环境class AudioPlayer()，也就是实例化后的播放器类？那Audio（）是js给我们封装好的播放器类？

h020-09-18

共1条回复

好帮手慕星星

2020-09-19

同学你好，问题解答如下：

1、audio是Audio()的实例，创建了一个audio标签

普通函数中使用this，就会指向创建的这个元素。

2、是的，可以输出看下

3、是封装好的。Audio构造函数和Image()是类似的，通过new就会创建并返回一个 HTMLAudioElement

祝学习愉快！

0 学习 · 10739 问题

查看课程

相似问题

关于箭头函数

回答 1

为什么说箭头函数是在getAgeArrow中定义的呢？不是在定时器中定义的吗

回答 1

这里的audio.oncanplay 不使用箭头函数，里面的this是指向AutoPlayer吗

回答 1

这个地方报错在get (){ 改成 get year(){也报错

回答 4

为什么我打印不出来

回答 4

打开慕课网App查看更多内容