都說JavaScript 是一種很靈活的語言，這其實也可以說它是一個混亂的語言,下面透過本文給大家分享JavaScript中this的指向知識，有興趣的朋友一起看看吧
都說JavaScript 是一種很靈活的語言，其實也可以說它是一個混亂的語言。它把 函數式程式設計 和 物件導向程式設計 糅合一起，再加上 動態語言 特性，簡直強大無比（其實是不能和C++比的，^_^ ）。
JS 裡的this
#在function 內部被建立
指向呼叫時所在函數所綁定的物件（拗口）this 不能被賦值，但可以被call/apply 改變
目錄
* 一個特例
* 開始判斷 * 法則一：物件方法中的this指向物件本身（箭頭函數形式的除外）
* 法則二：多層巢狀函數中的this指向等同於包含該this的最近一個function的this
* 習題集
* 普通函數中的this * 函數執行後返回另一個函數中的this（普通函數中）
* 多層巢狀函數中的this（計時器&箭頭函數）1
##一個特例
// 构造函数
function Student(name) {
this.name = name
}
// 创建小明和小红两个实例
var XM = new Student('xiaoming')
var XH = new Student('xiaohong')
// 输出信息
console.log(XM) // Student {name: "xiaoming"}
console.log(XH) // Student {name: "xiaohong"}var x = {
name: 'bw2',
getName1: function() {
console.log(this)
},
getName2: function() {
setTimeout(() => {
console.log(this)
},0)
},
getName31: () => {
console.log(this)
},
getName32: function() {
return function() {
console.log(this)
}
}
}
x.getName1() // {name: "bw2", getName1: ƒ}
x.getName2() // {name: "bw2", getName1: ƒ}
x.getName31() // Window {stop: ƒ, open: ƒ, alert: ƒ, confirm: ƒ, prompt: ƒ, …}
x.getName32()() // Window {stop: ƒ, open: ƒ, alert: ƒ, confirm: ƒ, prompt: ƒ, …}var x = {
name: 'bw2',
getName1: function() {
console.log(this)
}
}
x.getName1() // {name: "bw2", getName1: ƒ}var x = {
name: 'bw2',
getName2: function() {
console.log(this) // 等同于此处的this
setTimeout(() => {
console.log(this) // 原始的this位置
},0)
}
}
x.getName2() // {name: 'bw2', getName1: ƒ}var x = {
name: 'bw2',
getName31: () => {
console.log(this)
},
getName32: function() {
return function() {
console.log(this)
}
}
}
x.getName31() // Window {stop: ƒ, open: ƒ, alert: ƒ, confirm: ƒ, prompt: ƒ, …}
x.getName32()() // Window {stop: ƒ, open: ƒ, alert: ƒ, confirm: ƒ, prompt: ƒ, …}function x() {
console.log(this)
}
x()function xx(){
return function() {
console.log(this)
}
}
xx()()var x = {
name: 'bw2',
getName: () => {
setTimeout(() => {
console.log(this)
},0)
}
}
x.getName()var x = {
name: 'bw2',
getName: () => {
setTimeout(function() {
console.log(this)
},0)
}
}
x.getName()以上是如何判斷JavaScript中this的指向的詳細內容。更多資訊請關注PHP中文網其他相關文章！
