js中的墙头草---this

在Java中，this永远都是‘忠贞’地指向当前类的实例。而在javascript中，this就没有“忠贞”了，this会随着执行环境的变化而变化，也就是说this永远执行执行环境所在的对象。

直接上代码：

代码一：

function test(){alert(this == window)
}
test()

通过运行代码发现结果为true，这是因为test方法的调用时在window环境，所以this指向了window。

接着看：

使用对象字面量定义属性和方法，如下：

var obj = {property : "obj",fun : function(){alert(this == window);alert(this == obj);}
}
obj.fun();

运行下代码，结果为false，true。是什么原因捏？原因其实很简单，就是fun方法是通过obj对象调用的，所以this就指向了obj对象。

有什么问题吗？木有，`(*∩_∩*)′。咱们继续啊！

我们知道在一个方法中还可以返回一个新的方法，形式如下：

 var obj = {property : "obj",fun : function(){return function(){alert(this == obj);alert(this == window);}}
}
obj.fun()() 我们把上面的代码稍稍改编了下，在fun方法中重新返回了一个方法。结果是怎么样？你猜到结果了吗？
正确的结果是false，true。我们来分析下，使用 obj.fun()返回的是一个方法，这时候是在全局环境中（window），所以this就指向了window。明白了吧。                                         到这里你是不是对js中的this有了大概的了解呢，稍等，还有一种情况，就是通过call和apply方法动态改变this的指向。
我们在这里只演示一个call的例子。function test(){alert(this == window) alert(this == obj);
}
var obj = {};
test.call(obj,null);我们继续使用第一个例子。我们定义了一个空对象obj，我们的目的是想把test方法作为obj的一个方法来执行。大家可以执行下看看结果，看看结果是不是和第一个例子的结果不一致
好了，今天暂时介绍到这里，排版暂时有问以后改下，不影响结果。
有问题请留言，谢谢！

转载于:https://blog.51cto.com/hcc0926/1562179

js中的墙头草---this相关推荐

在js中使用HashMap数据结构，在js中使用K,V数据结构
首先是定义一个HashMap方法,做基类(复制在js中即可,然后引用) //简单的哈希表,begin function HashMap() {/** Map 大小 * */var size = 0;/ ...
[JavaScript] 探索JS中的函数秘密
函数长啥样? 把一些要重复使用的内容封装到函数内. function foo(title) {console.log(title) } foo('title') foo('dust') foo('he ...
在node.js中，使用基于ORM架构的Sequelize，操作mysql数据库之增删改查
Sequelize是一个基于promise的关系型数据库ORM框架,这个库完全采用JavaScript开发并且能够用在Node.JS环境中,易于使用,支持多SQL方言(dialect),.它当前支持M ...
在JS中最常看到切最容易迷惑的语法(转)
发现一篇JS中比较容易迷惑的语法的解释,挺有用的,转载下,与大家分享: js中大括号有四种语义作用语义1,组织复合语句,这是最常见的 Js代码 if( condition ) { //... }e ...
js去el的map_转：el表达式获取map对象的内容 js中使用el表达式 js 中使用jstl 实现 session.removeattribute...
原文链接: 总结: el表达式获取map对象的内容后端: HashMap map1 = new HashMap(); map1.put("key1","lzsb&quo ...
js中substr,substring,indexOf,lastIndexOf的用法
js中substr,substring,indexOf,lastIndexOf等的用法 1.substr substr(start,length)表示从start位置开始,截取length长度的字符串 ...
js中的各种宽高以及位置总结
在javascript中操作dom节点让其运动的时候,常常会涉及到各种宽高以及位置坐标等概念,如果不能很好地理解这些属性所代表的意义,就不能理解js的运动原理,同时,由于这些属性概念较多,加上浏览器之 ...
WKWebView Safari调试、JS互调、加载进度条、JS中alert、confirm、prompt
主要内容 Safari调试 swift/OC与JS互调增加加载进度条支持JS中alert.confirm.prompt Safari调试设置 -> safari --> 高级,开启J ...
彻底理解js中this
相关博文:http://blog.csdn.net/libin_1/article/details/49996815 彻底理解js中this的指向,不必硬背. 首先必须要说的是,this的指向在函数定 ...

js中的墙头草---this

js中的墙头草---this相关推荐

最新文章

热门文章