JavaScript中的this關(guān)鍵字介紹與使用實(shí)例
當(dāng)創(chuàng)建一個(gè)類的時(shí)候,如果希望下面new出來的每個(gè)類都擁有一些通用的變量或者其他的函數(shù),這個(gè)this關(guān)鍵字這是最好的方式。
當(dāng)然,既然是面向?qū)ο蟮恼Z言,必然存在訪問權(quán)限的問題,這里也和this關(guān)鍵字息息相關(guān)。下面我們來演示一個(gè)例子來說明一下這個(gè)類的訪問權(quán)限的問題.
//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();
這個(gè)Person其實(shí)就是一個(gè)類,類名就是Person,其中聲明的變量,var開頭的都是私有變量,只能在類的內(nèi)部實(shí)現(xiàn)訪
問,而通過this關(guān)鍵字聲明的變量是公有的變量,可以在外部訪問。當(dāng)然,只需要公開一個(gè)方法,就可以實(shí)現(xiàn)外部訪
問類內(nèi)部的私有變量,這個(gè)this.show=function(){}就是聲明一個(gè)共有方法,在類的外部也是可以調(diào)用的。當(dāng)然,以此
類推,直接聲明的方法是私有的方法/
下面再看一個(gè)例子
function test(){
alert(this.v);
}
var v = 902;
window.test();
function test(){
alert(this.v);
}
var v = 902;
window.test();
代碼很簡短,這個(gè)的意思是,誰調(diào)用的這個(gè)方法,這個(gè)this就是指的那個(gè)對象,比如,window對象調(diào)用的test方法,
所以在test方法內(nèi)部,這個(gè)this,v就是指在window也就是外部全局是否定義了一個(gè)v變量,通過查看可以知道,定義了
一個(gè)var v = 902;所以這個(gè)方法調(diào)用的其實(shí)就是v的值.
- JS函數(shù)this的用法實(shí)例分析
- JS和jQuery通過this獲取html標(biāo)簽中的屬性值(實(shí)例代碼)
- javascript中this用法實(shí)例詳解
- JavaScript中的this實(shí)例分析
- js中this用法實(shí)例詳解
- javascript下動態(tài)this與動態(tài)綁定實(shí)例代碼
- javascript與jquery中的this關(guān)鍵字用法實(shí)例分析
- js中this的用法實(shí)例分析
- JS作用域閉包、預(yù)解釋和this關(guān)鍵字綜合實(shí)例解析
- JavaScript中this的全面解析及常見實(shí)例
相關(guān)文章
微信小程序頁面縮放式側(cè)滑效果的實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序頁面縮放式側(cè)滑效果的實(shí)現(xiàn)代碼,實(shí)現(xiàn)原理就是通過點(diǎn)擊按鈕,往需要動畫的div中添加或移除擁有動畫效果的class。具體實(shí)例代碼大家跟隨小編一起通過本文學(xué)習(xí)吧2018-11-11