js中this关键字的指向
2017-07-03 21:17
260 查看
在函数执行时,this总是指向调用该函数的对象,有调用对象则指向该对象,无调用对象则指向全局对象window。
1.元素button点击事件函数
2.有对象就指向调用对象
3.没有对象就指向全局对象window
4、用new构造函数,指向新对象
5.通过apply 或 call 或 bind 来改变this的指向
转载自:http://blog.csdn.net/junbo_song/article/details/52261247
1.元素button点击事件函数
btn.onclick = function (event) { console.log(event); // event指向该点击事件对象 console.log(this); // this指向事件的目标元素,可以访问元素的属性 console.log(this.id); }
2.有对象就指向调用对象
var myObj1 = {value: 1}; myObj1.getValue = function () { console.log(this.value); // 输出1 console.log(this); // 输出 {value: 1, getValue: function} }; myObj1.getValue();
3.没有对象就指向全局对象window
var myObj2 = {value: 1}; myObj2.getValue = function () { var foo = function () { console.log(this.value); // 输出 undefined console.log(this); // 输出 window对象 // foo虽然定义在getValue函数内,但并没有绑定在任何对象上,故在调用时,指向全局对象window } foo(); return this.value; } console.log(myObj2.getValue()); // 输出1
4、用new构造函数,指向新对象
var Person = function () { this.age = 10; }; var person1 = new Person(); console.log(person1.age);
5.通过apply 或 call 或 bind 来改变this的指向
var myObj3 = {value: 100}; var foo = function () { console.log(this); }; foo(); foo.apply(myObj3); foo.call(myObj3); var newFoo = foo.bind(myObj3); newFoo();
转载自:http://blog.csdn.net/junbo_song/article/details/52261247
相关文章推荐
- JS中精选this关键字的指向规律你记住了吗
- JS:this关键字的指向
- js中this关键字的指向问题
- js中this关键字的使用
- Js全局和局部变量_this关键字_《没有控件的ASPDONET》
- js——this关键字
- JS鼠标指向图片隐现效果的脚本代码
- Js全局和局部变量_this关键字_《没有控件的ASPDONET》
- 一个对于js this关键字的问题
- 在XSLT的js方法中使用this关键字得不到想要的结果
- SharePoint 2013 用JavaScript 中客户化Field Type时JSLinkUrl 所指向的客户化JS代码只加载第一遍的问题
- 一个对于js this关键字的问题
- js绑定事件this指向发生改变的问题解决方法
- js中this的二种表现形式及改变this的指向
- JS的this关键字
- 关于js中的this关键字
- JS中this关键字
- JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
- 【js与jquery】javascript中的this关键字的理解
- 解决js绑定事件this指向发生改变的问题