您好,登錄后才能下訂單哦!
這篇文章主要介紹“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進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。