這篇文章主要介紹“javascript中公有方法和私有方法怎么用”,在日常操作中,相信很多人在javascript中公有方法和私有方法怎么用問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”javascript中公有方法和私有方法怎么用”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
在javascript中,公有方法是指能被外部訪問并調用的方法;而私有方法是指在對象的構造函數里聲明,外部不可見且不可訪問的方法。
本教程操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
一:公有方法
公有方法就是能被外部訪問并調用的方法
// 對象中
var test1 = {
name:'大白',
getName:function(){
console.log(this.name);
}
}
//調用
test1.getName();//大白
// 構造函數中
function test2(name,age){
this.name = name;
this.age = age;
//公有方法
this.getName = function(){
console.log(this.name);
}
}
// 在原型中
test2.prototype.getAge = function(){
console.log(this.age);
}
//調用
var test3 = new test2('小白',12);
test3.getName();//小白
test3.getAge();//12二:私有方法和公有方法
特權方法是指有權訪問內部私有屬性和私有方法的公有方法(能夠訪問私有方法,私有屬性的方法叫特權方法,也是公有方法的一種)
私有方法是指在對象的構造函數里聲明,外部不可見且不可訪問的方法。
使用不同方式定義私有方法和特權方法的形式不同
在對象中我們通過Object對象表達式來創建一個對象并添加一些屬性和方法,然后直接采用靜態的方式調用。如Rest.getName();
立即執行函數對象的私有數據放置在一個匿名函數立即執行表達式(IIFE)中,這意味著這個函數只存在于被調用的瞬間,一旦執行后就立即被銷毀了
var yourObject = (function() {
// 私有屬性和方法
return {
// 公有方法和屬性
}
}) ();這里和前面的定義Rest一樣啊,可以通過yourObject直接的訪問。這樣的模塊化的訪問還是比較的厲害的。
var test4 = (function(){
//私有屬性
var total = 10;
// 私有方法
var buy = function(){
total--;
}
var get = function(){
return total;
}
return {
name:'小白白',
getTotal:get,//使用了閉包的方式來簡介使用內部私有變量
buyfood:buy
}
})();
test4.buyfood();
console.log(test4.name);//小白白
console.log(test4.getTotal());//9使用了閉包的方式來間接使用內部私有變量
構造函數中定義私有屬性和方法很方便,我們不需要使用閉包,可以在調用的時候初始化數據
// 構造函數中
function test5(name) {
// 私有屬性
var total = 10;
// 公有屬性
this.name = name;
// 私有方法
function _buyFood() {
total--;
}
// 特權方法,才能訪問私有的屬性和私有的方法
this.buy = function() {
_buyFood();
}
this.getTotal = function() {
return total;
}
}
// 公有方法, 注意這里不能訪問私有成員_total
test5.prototype.getName = function() {
//console.log(_total); // Uncaught ReferenceError: _total is not defined
return this.name;
}
var test6 = new test5('大小白');
console.log(test6.getName()); // '大小白'
test6.buy();
console.log(test6.getTotal()); // 9結合使用
使用構造函數方式可以傳入一些初始化的數據,但在公有方法中無法訪問到私有成員屬性,如果有很多公有方法需要訪問私有數據,我們全部用特權方法來寫,最后會給每個實例帶去很多沒有必要的方法。
var test7 = (function(){
// 私有屬性
var total = 10;
// 私有方法
function buyFood(){
total--;
}
// 構造函數
function test7(name){
this.name = name;
this.getTotal = function(){
return total;
}
}
// 公有方法 這里不是test7內部的私有
test7.prototype.buy = function(){
console.log(total);
buyFood();
}
test7.prototype.getName = function(){
return this.name;
}
return test7;
})();
var test0 = new test7('大大白');
console.log(test0.getName());//大大白
test0.buy();//10
console.log(test0.getTotal());//9到此,關于“javascript中公有方法和私有方法怎么用”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。