javascript进阶-4天高级课程笔记note.pdfVIP

JavaScript进阶-第4天

了解函数中this在不同场景下的默认值，动态指定函数this的值，提升代码封装的灵活度。

•能够区分不同场景下函数中this的默认值

•知道箭头函数的普通函数的区别，掌握箭头函数的使用

•能够动指定函数中this的值

•了解基于类的面向对象的实现语法

this

了解函数中this在不同场景下的默认值，知道动态指定函数this值的方法。

默认值

普通函数

箭头函数

封装

普通函数

普通函数的调用方式决定了this的值，即【谁调用this的值指向谁】

注：普通函数没有明确调用者时this值为window，严格模式下没有调用者时this的值为undefined。

箭头函数

箭头函数中的this与普通函数完全不同，也不受调用方式的影响，事实上箭头函数中并不存在

this！箭头函数中的this不过是箭头函数所在作用域的this变量。

在开发中【使用箭头函数前需要考虑函数中this的值】，回调函数使用箭头函数时，this为全局的

window，因此DOM回调函数不推荐使用箭头函数

同样由于箭头函数this的，基于原型的面向对象也不推荐采用箭头函数

定义值

以上归纳了普通函数和箭头函数中关于this默认值的情形，不仅如此JavaScript中还允许指定

函数中this的指向，有3个方法可以动态指定普通函数中this的指向：

Call

apply

Bind

call