首頁 > web前端 > 前端問答 > javascript中公有方法和私有方法是什麼

javascript中公有方法和私有方法是什麼

青灯夜游
發布: 2022-02-07 14:50:37
原創
2632 人瀏覽過

在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學習教學

#

以上是javascript中公有方法和私有方法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板