JavaScript中的this/call/apply/bind的使用及区别资源-CSDN下载

122 浏览量 2020-11-21 08:18:52 上传评论收藏 74KB PDF 举报

资源推荐

资源详情

资源评论

JavaScript中的中的this/call/apply/bind的使用及区别的使用及区别

一、一、this

1.什么是什么是this

this 关键字在大部分语言中都是一个重要的存在，JS中自然不例外，其表达的意义丰富多样甚至有些复杂，深刻理解this是学

习JS、面向对象编程非常重要的一环。

2.this 代表什么代表什么

this代表函数（方法）执行的上下文环境（上下文，类似与你要了解一篇文章，了解文章的上下文你才能清晰的了解各种关

系）。

但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。

1.在方法中，this 表示该方法所属的对象。

2.如果单独使用，this 表示全局对象。

3.在函数中，this 表示全局对象。

4.在函数中，在严格模式下，this 是未定义的(undefined)。

5.在事件中，this 表示接收事件的元素。

6.类似 call() 和 apply() 方法可以将 this 引用到任何对象。

3.绑定绑定 this 的方法的方法

this的动态切换，固然为 JavaScript 创造了巨大的灵活性，但也使得编程变得困难和模糊。有时，需要把this固定下来，避免

出现意想不到的情况。JavaScript 提供了call、apply、bind这三个方法，来切换/固定this的指向。

4.this的指向的指向

1.在一般函数方法中使用 this 指代全局对象

function test(){

　　　　this.x = 1; //这里this就是window

　　　　console.log(this.x);

　　}

　　test(); // 1

JS规定，函数中的this，在函数被调用时确定，它指函数当前运行的环境。

2.作为对象方法调用，this 指代上级对象

var x =3;

function test(){

　　alert(this.x);

}

var o = {

x:1,

m:test

};

o.m(); // 1

如果函数作为对象的方法时，方法中的 this 指向该对象。

3.作为构造函数调用，this 指代new 出的对象

function test(){

　　　　console.log(this);

　　}

　　var o = new test();

test();

//可以看出o代表的不是全局对象

new关键词的作用是调用某个函数并拿到其中的返回值，只是调用过程稍特殊。在上面的代码实例中。test函数被new关键词

调用时，内部依次执行了以下步骤:

（1）创建一个空对象。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

内容反馈

weixin_38707240

粉丝: 5

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip