Javascript中this的用法详解
前些日子面试的时候用到了this，面试官说我的理解有点偏差，回来看了下书和一些博客，做了点测试，发现自己的理解的确有误
1.全局变量
应该是最常用的吧，函数中调用一个this，这里其实就是全局变量
var value="0"; function mei(){
var value="1";
console.log(this.value); //0 console.log(value); //1 }
mei();
输出0就是因为this指向的是全局
2.构造函数
这是我比较熟悉的用法，构造函数中用this，new一个新的对象后this就指向了这个新的对象
var value="window"; function mei(){
this.value=1;
this.show=function(){
console.log(this.value)
}
} var m=new mei();
console.log(m.value); //1 m.show(); //1
可以看到输出的是1而并不是window，可见由于构造函数，这里的this已经指向新的对象了而不是全局变量
3.call和apply
直接借用我的call和apply的博客中的例子
var p="456";
function f1(){
this.p="123";
}
function f2() {
console.log(this.p);
}
f2(); //456 f2.call(f1()); //123 f2.apply(f1()); //123
第一行输出456很好理解，this指向全局，后面的123是因为使用了call或者apply后，f2中的this指向了f1，而f1中的p为123，具体解释直接戳那篇博文
4.函数作为某个对象的方法调用（我出错的地方）
当时让我写一个对象有几个方法，我脑子一抽定义了个全局变量，然后在对象的方法里用this调用，面试官问我这个this是什么？我说应该是window，因为这种方式我用的少，以为只有new或者call才会改变this的指向，他就说不对，让我回去自己看看，现在试了试，我还真是错了，贴代码
var value="father"; function mei(){}
mei.value="child";
mei.get=function(){console.log(this.value)};
mei.show=function(){console.log(value)};
mei.get(); //child mei.show(); //father
由于get是作为mei的方法调用的，因此这里的this指向了mei.value所以输出child
至于father我是这样理解的，show指向的函数是定义在全局环境下的，由于作用域链，在show中没有找到value，于是就去定义他的环境中找，这就找到了全局的value，如果这里有理解错误的话希望有朋友可以指出来！
相关文章
Document想必大家并不陌生吧，在使用js的过程中会经常遇到它，那么它有哪些属性、哪些方法，在本文将以示例为大家详细介绍下，希望对大家有所帮助2013-09-09
下面小编就为大家带来一篇JavaScript核心语法总结(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
JavaScript可以自由的进行数据类型转换，但是更多的情况下，是由JavaScript自动转换的。本文就将为大家详细讲解那些不经意间发生的数据类型转换，感兴趣的同学可以了解一下2022-02-02
JavaScript中也使用$美元符号来代替document.getElementById
JavaScript可以定义$符号函数，简写或书写兼容性更好的代码。2010-06-06
JavaScript使用escape()、encodeURI()和decodeURI()实现URI编码解码
这篇文章介绍了JavaScript使用escape()、encodeURI()和decodeURI()实现URI编码解码的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-05-05
javascript操作html控件实例(javascript添加html)
几乎HTML所有标记都可以说是HTML的控件,如select, input, div, table等。html标签便捷的操作，深受大家的喜欢。如何使用javascript来操作HTML控件，下面我介绍下比较麻烦的几个控件2013-12-12
由于变量b中保存的是函数的引用，当函数变化时，b也随时变化，且不管函数出现的先后顺序。两次alert（b），虽然位置不一样，但是内容相同。2010-11-11
这篇文章主要介绍了将RGB值转换为灰度值的简单算法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-10-10
这篇文章主要介绍了JavaScript 为什么要有 Symbol 类型，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要介绍了用JavaScript实现对话框的教程,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
最新评论