详解JavaScript中this关键字的用法资源-CSDN下载

77 浏览量 2020-11-23 10:02:13 上传评论收藏 123KB PDF 举报

资源推荐

资源详情

资源评论

详解详解JavaScript中中this关键字的用法关键字的用法

this是函数内部的一个特殊对象,this引用的是函数据以执行的环境对象（关于环境对象我们会在文章最后作补充说明）,在调用

函数前this的值并不确定,不同的调用方式会导致this值的改变。

window.num = 22;

var o = {num: 11};

function sayNum(){

alert(this.num)

}

sayNum();//22

o.sayNum = sayNum;

o.sayNum();//11

记住：函数名仅仅是一个包含指针的变量而已。因此即使是在不同的环境中执行，全局的sayNum()函数与o.sayNum()指向的

仍然是同一个函数。

1.全局作用域中调用函数时全局作用域中调用函数时

全局作用域中调用，this对象引用的是window

匿名函数的执行具有全局性，因此其this对象通常也指向window

function fn1(){

console.log(this);

}

fn1();

2.通过通过new操作符调用操作符调用

this引用的是实例对象

function Person(name){

this.name = name;

}

Person.prototype.printName = function(){

alert(this.name);//Byron

};

var p1 = new Person('Byron');

3.作为对象的方法调用作为对象的方法调用

this引用的是该对象

var obj1 = {

name: 'Byron',

fn : function(){

console.log(this);

}

};

obj1.fn();

4.间接调用间接调用

call和apply

每个函数都包含两个非继承而来的方法：call()和apply()。这两个方法的用途都是在特定的作用域中调用函数，实际上等于设

置函数体内this对象的值。也就是说，直接调用函数，调用时指定执行环境是谁

window.color = 'red';

var o = {color: 'blue'};

function sayColor(){

alert(this.color);

}

sayColor.call(this);//red

sayColor.call(window);//red

sayColor.call(o);//blue

（（1））apply方法方法

接收两个参数，一个是在函数中运行函数的作用域，另一个是参数数组。

（（2））call方法方法

call方法与apply方法相同，区别在于接收参数的方式不同，对于call方法而言，第一个参数是this值没有变化，变化的是其余参

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

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

内容反馈

weixin_38659311

粉丝: 5

最新资源

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

feedback-tip