JavaScript中的this關鍵字介紹與使用實例
更新時間：2013年06月21日 10:58:07 作者：
JavaScript其實一門基于或者說是面向?qū)ο蟮恼Z言，這樣的話，this這個關鍵字，在類的內(nèi)部就顯得尤為重要
當創(chuàng)建一個類的時候，如果希望下面new出來的每個類都擁有一些通用的變量或者其他的函數(shù)，這個this關鍵字這是最好的方式。
當然，既然是面向?qū)ο蟮恼Z言，必然存在訪問權限的問題，這里也和this關鍵字息息相關。下面我們來演示一個例子來說明一下這個類的訪問權限的問題.
復制代碼 代碼如下:
//Person類
function Person(){
var name="abc";//var聲明的都是類內(nèi)部的私有變量，外部無法訪問
var age = 20;
this.name2="edg";//this聲明的是公開變量，外部可以訪問
this.show=function(){//shou方法是公開的方法，可以被外部訪問，而且可以訪問類內(nèi)部私有方法
window.alert(name);
}
function show2(){//shouw2方法是類內(nèi)部的私有方法，不能被外部訪問
}
}
var p1 = new Person();
document.writeln(p1.name2+p1.name);
p1.show();
//Person類 www.dbjr.com.cn
function Person(){
var name="abc";//var聲明的都是類內(nèi)部的私有變量，外部無法訪問
var age = 20;
this.name2="edg";//this聲明的是公開變量，外部可以訪問
this.show=function(){//shou方法是公開的方法，可以被外部訪問，而且可以訪問類內(nèi)部私有方法
window.alert(name);
}
function show2(){//shouw2方法是類內(nèi)部的私有方法，不能被外部訪問
}
}
var p1 = new Person();
document.writeln(p1.name2+p1.name);
p1.show();
這個Person其實就是一個類，類名就是Person，其中聲明的變量，var開頭的都是私有變量，只能在類的內(nèi)部實現(xiàn)訪
問，而通過this關鍵字聲明的變量是公有的變量，可以在外部訪問。當然，只需要公開一個方法，就可以實現(xiàn)外部訪
問類內(nèi)部的私有變量，這個this.show=function(){}就是聲明一個共有方法，在類的外部也是可以調(diào)用的。當然，以此
類推，直接聲明的方法是私有的方法/
下面再看一個例子
復制代碼 代碼如下:
function test(){
alert(this.v);
}
var v = 902;
window.test();
function test(){
alert(this.v);
}
var v = 902;
window.test();
代碼很簡短，這個的意思是，誰調(diào)用的這個方法，這個this就是指的那個對象，比如，window對象調(diào)用的test方法，
所以在test方法內(nèi)部，這個this,v就是指在window也就是外部全局是否定義了一個v變量，通過查看可以知道，定義了
一個var v = 902;所以這個方法調(diào)用的其實就是v的值.
相關文章
這篇文章主要介紹了微信小程序頁面縮放式側滑效果的實現(xiàn)代碼，實現(xiàn)原理就是通過點擊按鈕，往需要動畫的div中添加或移除擁有動畫效果的class。具體實例代碼大家跟隨小編一起通過本文學習吧2018-11-11
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)圓心進度條，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要介紹了bootstrap table小案例，教大家如何使用表格組件bootstrap table2016-10-10
定義新對象方法2010-02-02
今天在群里看到有人要幻燈片的代碼，于是我自己也想了想，做個總結。常見的幻燈片切換無非就是輪播和漸變，不管哪種都是用定時器來逐步改變圖片或者圖片組的某種屬性來實現(xiàn)的2011-12-12
在面試過程中經(jīng)常被面試官問到這樣的題目：如何判斷數(shù)組？下面小編就針對這個問題給大家收集整理了份資料，感興趣的朋友一起看看吧2017-10-10
這篇文章主要介紹了使用pkg打包ThinkJS項目的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-12-12
實際上，setTimeout和setInterval的語法相同。它們都有兩個參數(shù)，一個是將要執(zhí)行的代碼字符串，還有一個是以毫秒為單位的時間間隔，當過了那個時間段之后就將執(zhí)行那段代碼。不過這兩個函數(shù)還是有區(qū)別的2015-06-06
這篇文章主要介紹了ES6 Promise對象概念及用法,結合實例形式詳細分析了ES6中Promise對象的概念、原理、創(chuàng)建、使用方法及相關操作注意事項,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了JS HTML Web端使用MQTT通訊測試,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04