點擊下載
本文文檔

當前位置：首頁 - 科技 - 知識百科 - 正文

JavaScript中this關鍵字用法實例分析

來源：懂視網責編：小采時間：2020-11-27 22:09:23

JavaScript中this關鍵字用法實例分析

JavaScript中this關鍵字用法實例分析:本文實例總結了JavaScript中this關鍵字用法。分享給大家供大家參考，具體如下：例1： function a(){ var user = yao; console.log(this.user);//undefined console.log(this);//window } a(); 等價于： functi

推薦度：

點擊下載本文 文檔為doc格式

導讀JavaScript中this關鍵字用法實例分析:本文實例總結了JavaScript中this關鍵字用法。分享給大家供大家參考，具體如下：例1： function a(){ var user = yao; console.log(this.user);//undefined console.log(this);//window } a(); 等價于： functi

本文實例總結了JavaScript中this關鍵字用法。分享給大家供大家參考，具體如下：

例1：

function a(){
 var user = "yao";
 console.log(this.user);//undefined
 console.log(this);//window
}
a();

等價于：

function a(){
 var user = "yao";
 console.log(this.user);//undefined
 console.log(this);//window
}
window.a();

this指向的是window。

例2：

var o = {
 user:"yao",
 fn:function () {
 console.log(this.user);//yao
 }
}
o.fn();

this指向的是o。

例3：

var o = {
 user:"yao",
 fn:function () {
 console.log(this.user);//yao
 }
}
window.o.fn();

this指向的是o。

var o = {
 a:10,
 b:{
 a:12,
 fn:function () {
 console.log(this.a);//12
 }
 }
}
o.b.fn();

this指向的是b。

例4：

var o = {
 a:10,
 b:{
 a:12,
 fn:function () {
 console.log(this.a);//undefined
 console.log(this);//window
 }
 }
};
var j = o.b.fn;
j();

綜上所述：

this的指向永遠是最終調用它的對象。

當this遇上函數的return：

例5：

function fn(){
 this.user = "yao";
 return {};
}
var a = new fn;
console.log(a.user);//undefined

例6：

function fn(){
 this.user = "yao";
 return function(){};
}
var a = new fn;
console.log(a.user);//undefined

例7：

function fn(){
 this.user = "yao";
 return 1;
}
var a = new fn;
console.log(a.user);//yao

例8：

function fn(){
 this.user = "yao";
 return undefined;
}
var a = new fn;
console.log(a.user);//yao

this指向的是函數返回的那個對象。

function fn(){
 this.user = "yao";
 return null;
}
var a = new fn;
console.log(a.user);//yao

雖然：null是對象，但是此時this指向的仍然是函數的實例。

PS：

在"use strict"模式下，this默認的指向是undefined，而不是window。

更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《javascript面向對象入門教程》、《JavaScript常用函數技巧匯總》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

JavaScript中this關鍵字用法實例分析

推薦度：

點擊下載本文 文檔為doc格式

標簽：用法 js 實例

熱門焦點

JavaScript中this關鍵字用法實例分析

JavaScript中this關鍵字用法實例分析

JavaScript中this關鍵字用法實例分析

最新推薦

猜你喜歡

熱門推薦