您的位置:首页 > Web前端 > JavaScript

【传智播客郑州校区分享】认识JavaScript中的this

2017-09-19 10:12 218 查看
 
               【传智播客郑州校区分享】认识JavaScript中的this

郑州校区就业部

       很多同学在学习编程时,
特别是零基础的同学, 在学到web阶段 JavaScript课程过程中, 对于关键字 this, 很不理解, 不知道该如何简单明了的理解并学习这个知识点, 那么今天我们就一起来分析一下 JavaScript中this关键字到底是个什么鬼

this是Javascript语言的一个关键字。那么this到底是真名呢?简而言之,this指的是函数的调用者。看一个例子:

var name = "张三";

function test() {

        console.log(this.name);

}

var person = new Object();

person.name = "李四";

test.call();

test.call(person);

大家看一下结果是什么。第一个log是张三,第二个是李四。

我们分析一下,test.call();是window调用了test方法,所以在第一次执行test函数时,this指的是window对象,第二次调用test方法是test.call(person);这时调用test函数的对象时person,此时函数中的this指的就是person对象。

我们再看一个例子:

function test2() {

        this.x = 1;

}

var o = new test2();

console.log(o.x);

log结果是1。

      通过构造方法生成一个新的对象o,此时该构造方法中的this指的就是这个新生成的对象。

      那么现在你对”this指的是函数的调用者”这句话理解了吗?
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: