doc ava 常见 每一个 document () 学习 知识 对象
js 中的 this 指向十分重要,了解 js 中 this 指向是每一个学习 js 的人必学的知识点,今天没事,正好总结了 js 中 this 的常见用法,喜欢的可以看看:
1,全局作用域或者普通函数中 this 指向全局对象 window.
//直接打印
console.log(this) //window
//function声明函数
function bar () {console.log(this)}
bar() //window
//function声明函数赋给变量
var bar = function () {console.log(this)}
bar() //window
//自执行函数
(function () {console.log(this)})(); //window
2,方法调用中谁调用 this 指向谁
{
console.log(this)
}
}
person.run() // person
//事件绑定
var btn = document.querySelector("button") btn.onclick = function() {
console.log(this) // btn
}
//事件监听
var btn = document.querySelector("button") btn.addEventListener('click',
function() {
console.log(this) //btn
})
//jquery的ajax
$.ajax({
self: this,
type: "get",
url: url,
async: true,
success: function(res) {
console.log(this) // this指向传入$.ajxa()中的对象
console.log(self) // window
}
});
//这里说明以下,将代码简写为$.ajax(obj) ,this指向obj,在obj中this指向window,因为在在success方法中,独享obj调用自己,所以this指向obj
3,在构造函数或者构造函数原型对象中 this 指向构造函数的实例
//不使用new指向window
function Person(name) {
console.log(this) // window
this.name = name;
}
Person('inwe')
//使用new
function Person(name) {
this.name = name console.log(this) //people
self = this
}
var people = new Person('iwen') console.log(self === people) //true
//这里new改变了this指向,将this由window指向Person的实例对象people
第 149 天:javascript 中 this 的指向详解
来源: http://www.bubuko.com/infodetail-2466636.html