JS的this关键字

JavaScript中的this关键字是一个难以琢磨的概念，是一个依赖于它的执行环境而被解析的关键字。简单说就是谁调用这个方法，方法里的this就是谁.

1,在JS文件中直接alert(this);this代表的是window,当前的执行环境是在JS的顶层域里面。

2，下面这个例子中this指向的是调用该方法的对象，button标签。

<script type="text/javascript">function test() {alert(this.value);this.style.color = "red";}
</script></head>
<body><input type="button"  id="ipt" value="test this"><script type="text/javascript">document.getElementById("ipt").onclick = test;</script>
</body>
</html>

上面的例子等价于下面的例子，document.getElementById("ipt").onclick相对于把test函数变成了id为 ipt元素的一个函数属性了，从而让this指向了id为 ipt元素。但是如果写成<input type="button" id="ipt" οnclick="test()" value="test this">这样的方式调用test方法，this却是指向了window。（不明白？直接指定的话没有JS环境绑定？）

<script type="text/javascript">function test() {alert(this.value);this.style.color = "red";}
</script></head>
<body><input type="button"  id="ipt" value="test this"><script type="text/javascript">var button = document.getElementById("ipt");test.call(button);</script>
</body>
</html>

3，在一个函数中，this代表这个函数的执行环境

function Test(){alert(this);
}Test();//outputs windowvar obj = new Test(); // outputs object

Test()是在window域里执行的，其等价于window.Test();
var obj = new Test(); 其相当于 obj.Test();

JS的this关键字相关推荐

JS中this关键字
JS中this关键字 this是javascript的一个关键字,随着函数使用场合不同,this的值会发生变化.但是总有一个原则,那就是this指的是调用函数的那个对象. 1.全局代码中的this a ...
js根据数据关键字实现模糊查询功能
js根据数据关键字实现模糊查询功能模糊查询实现模糊查询功能的步骤和一般方法第一步:创建假数据或请求接口数据第二步:分析数据格式,处理数据第三步:验证功能完整代码模糊查询模糊查询功能是指 ...
JS中this关键字详解
本文主要解释在JS里面this关键字的指向问题(在浏览器环境下). 阅读此文章,还需要心平气和的阅读完,相信一定会有所收获,我也会不定期的发布,分享一些文章,共同学习首先,必须搞清楚在JS里面,函数 ...
深入理解JS中this关键字
为什么要使用this关键字看个例子 function indetify() {retun this.name.toUpperCase()}var obj = {name: 'zz'}indetify ...
JS 基础 —— JavaScript 关键字（keyword）与保留字
转载于: JavaScript 关键字(keyword)与保留字一.JavaScript 所有关键字: break case catch continue default delete do els ...
js中的关键字总结呢
1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4. ...
js中的关键字和保留字
前两天面试官问了我一道题:你知道js有哪些保留字吗? 当时自己就说了abstract,try,catch,this,其中最重要的就是this这个关键字了. 然后面试官问,你说的this是关键字,我问的 ...
JS标识符、关键字、保留字
1.标识符标识符:是指开发人员为变量.属性.函数.参数取的名字. 标识符不能是关键字和保留字 2.关键字是指JS本身已经使用了的字 , 不能在用他们充当变量名.方法名包括:break . cas ...
new 实例化对象是啥意思_前端经典面试题解密：JS的new关键字都干了什么？
写在前面: new关键字在实例化获取对象时都做了什么?是一道经常出现在前端面试时的问题.如果只是简单的了解new关键字是实例化构造函数获取对象,是万万不能够的.更深入的层级发生了什么呢?同时面试官想从 ...

JS的this关键字

JS的this关键字相关推荐

最新文章

热门文章