在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中公有方法和私有方法是什麼的詳細內容,更多請關注TW511.COM其它相關文章!