JS中this到底指哪个对象

忘了原作者是谁了自己也添加了一些东西勉强可以观看一下

元素就不写了可以自己添一下试试

先看这段代码

target.onclick = function(){

console.log(this);

}

答案打印的一定是target对象本身

任何的话都需要语境，上下文环境，放在不同的地方，含义可能就大不相同。

当有一个人对着你大喊一声：开！

如果你手里有把枪，你会扣动扳机。如果你坐在汽车里，你会踩油门。如果你站在阳台，你可能会打开窗户。

THIS身为一个关键字，它所指代的是此刻正在运行的函数依附于哪个对象。

以上面代码为例增加

obj.test = target.onclick;

target.onclick();//结果是target对象本身

obj.test()//结果为obj对象本身

可以看到虽然调用的函数相同但是结果不同

因为函数此刻所依附的对象不同。

就好像同一句话，出自不同人之口，代词指向的目标则会不一样。

隔壁老王对你。。说我爱你

你对老王说你滚蛋

这个例子的你应该就是这个意思

再看一个

target.onclick = function(){

　　setInterval(function(){console.log(this)},100);　　

}

这个指向的对象是谁呢表面上看应该是target

但是计时器中this指向的是window

target.onclick = function(){

　　setInterval(function(){console.log(this)}.bind(this),100);　　

}

那现在呢它指向的就是target对象 bind()方法可以改变this指向也有其他的改变this指向方法就不多讲

target.onclick = function(){

　　"use strict"

　　setInterval(function(){console.log(this)},100);　　

}

如果加上这个呢就会报错因为严格模式下不允许指向window

讲的估计不是很清晰希望各位大佬手下留情

转载于:https://www.cnblogs.com/GMDDL/p/7582427.html

JS中this到底指哪个对象相关推荐

js中string字符串转换为JSON对象 - 方法大全（4种）
js中string字符串转换为JSON对象 - 方法大全(4种) jQuery插件支持的转换方式: 示例: //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对 ...
JS中数组(Array)、Json对象长度(length)获取方法
JS中数组(Array).Json对象长度(length)获取方法 1.数组 var array = []; var length = array.length; 2.JSON对象 1)方法1: va ...
Java中JDK到底指什么呢?
转自: Java中JDK到底指什么呢? 下文笔者讲述Java中JDK的相关简介说明,如下所示: JDK功能:JDK用于java程序开发,她可以将一个.java文件编译为 .class的java字节码文 ...
js中‘0’到底是 true 还是 false
js中'0'到底是 true 还是 false if ('0') alert("'0' is true"); if ('0' == false) alert("' ...
python中的模块是什么意思_python中模块到底指的是什么
python中模块到底指的是什么发布时间:2020-08-03 16:04:57 来源:亿速云阅读:81 作者:清晨小编给大家分享一下python中模块到底指的是什么,相信大部分人都还不怎么了解 ...
js中if到底该如何判断变量为空？
我们项目中常常需要判断一些变量是否为空,但是由于js的机制找不到很好的方法去统一判断方式,我们不妨先了解一下js中if判断机制 if判断机制 js中if会把非 Boolean 表达式转换为 Boole ...
js 中对复杂数组(包含对象)的去重，但是 NaN和 null 是无法排除的
其实这个还是在一个知乎上看到的一个题目,题主说的话他面了一个七八年的前端不会对复杂数据进行过滤只会记得通过Set的方式进行简单数组的过滤大概就是 var obj = [ { a: 2 ...
JS中数据类型、内置对象、包装类型对象、typeof关系
平时在复习JS基础知识时,经常会遇到JS数据类型.基础数据类型.内置对象.包装类型对象,检测数据类型时,用到的typeof值,感觉都差不多,但是又有差异.今天特地整理下,方便理解. JS数据类型基础 ...
js中函数、方法、对象的区别
一.函数: 1.函数就是一个工具,通过一小段代码,完成某个功能: 2.函数的定义: function 函数名(){..... } 或者 : var 函数名 = function(){...... } ...

JS中this到底指哪个对象

JS中this到底指哪个对象相关推荐

最新文章

热门文章