JavaScript中的this指向以及bind()函数

js是一门弱类型语言，在java中this指向的是当前类的某个实例，那么在js中，this的指向是可以发生改变的，谁操作或者谁调用则这个this指向当前对象，如果没有明确指向则指向window

var btnObj = document.querySelector('#firstBut');btnObj.addEventListener('click',function(){//问题:以下的this指向谁?//this.alert(); //Error 因为当前的this指向当前按钮元素对象，并不是指向window对象，则没有alert()函数，所以报错console.log(this.value);console.dir(this);},false);

通过函数bind()方法来改变this的指向

that---->表示这个方法要使用的this对象，即函数内的this都指向that

JavaScript中的this指向以及bind()函数相关推荐

JAVAscript中的this指向和this指向的修改
JAVAscript中的this指向和this指向的修改 this 关键字一般在函数中使用,表示哪个对象执行了当前函数. 每一个函数内部都有一个关键字是 this . 函数内部的 this 只和函数 ...
JavaScript 中的 Hoisting (变量提升和函数声明提升)
如何将函数声明 / 变量 "移动" 到作用域的顶部. 术语 Hoisting(提升) 在很多 JavaScript 博文中被用来解释标识符的解析.其实 Hoisting(提升) ...
JavaScript中的钩子(钩子机制\钩子函数\hook)是什么？
我的博客https://www.ideaopen.cn/ 首先,看到我们的标题: JavaScript中的钩子(钩子机制\钩子函数\hook) 是什么? 我们前端的JavaScript中,经常提到钩子 ...
38 JavaScript中的this指向问题
技术交流QQ群:1027579432,欢迎你的加入! 欢迎关注我的微信公众号:CurryCoder的程序人生 1.函数内this指向问题函数内部的this指向是当我们调用函数的时候确定的.调用方式的 ...
Javascript 中 apply、call、bind
在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向. JavaScript 的一大 ...
[转] 深入浅出妙用Javascript中apply、call、bind
[From] http://www.admin10000.com/document/6711.html 网上文章虽多,大多复制粘贴,且晦涩难懂,我希望能够通过这篇文章,能够清晰的提升对apply.ca ...
深入Javascript中apply、call、bind
最近在看一下node package的源码,发现很多里面都包含了function这个对象的apply.call.bind这三个方法,于是想拿出来再看看.. apply.call 在 javascrip ...
【优雅代码】深入浅出妙用Javascript中apply、call、bind
这篇文章实在是很难下笔,因为网上相关文章不胜枚举. 巧合的是前些天看到阮老师的一篇文章的一句话: "对我来说,博客首先是一种知识管理工具,其次才是传播工具.我的技术文章,主要用来整理我还不懂 ...
理解JavaScript中this的指向详解
this的定义和理解: this是JavaScript语言的一个关键字,它是函数运行时,在函数体内部自动生成的一个对象,只能在函数体内使用. 1.this和执行环境对象有关,和函数的声明无关. var ...
JavaScript中this的指向问题及面试题你掌握了吗？
this 作为JavaScript中的一个关键字,它的复杂度很高,主要原因是它所处不同场景的代表的指向是不一样的.这里先做一个结论,重要事情说三遍: this的指向是由上下文环境动态决定的 this的 ...

JavaScript中的this指向以及bind()函数

JavaScript中的this指向以及bind()函数相关推荐

最新文章

热门文章