首頁 > web前端 > js教程 > 主體

javascript物件封裝的方法有哪些

coldplay.xixi
發布: 2023-01-05 16:13:17
原創
2545 人瀏覽過

javascript物件封裝的方法:1、使用常規封裝,程式碼為【function Person (name,age,sex)】;2、常見的方法,程式碼為【constructor : Person,_init_ :function(info )】。

javascript物件封裝的方法有哪些

本教學操作環境:windows7系統、javascript1.8.5版,DELL G3電腦。

javascript物件封裝的方法:

常規封裝

function Person (name,age,sex){
    this.name = name;
    this.age = age;
    this.sex = sex;
}
 
Pserson.prototype = {
    constructor:Person,
    sayHello:function(){
        console.log('hello');
    }
}
登入後複製

 這種方式是比較常見的方式,比較直覺,但是Person() 的職責是建構物件,如果把初始化的事情也放在裡面完成,程式碼就會顯得繁瑣,如果放在一個方法裡初始化會不會好點呢?

升級版(常見)

function Person (info){
    this._init_(info);
}
 
Pserson.prototype = {
    constructor : Person,
    _init_ : function(info) {
        this.name = info.name;
        this.age = info.age;
        this.sex = info.sex;
    }
    sayHello:function(){
        console.log('hello');
    }
}
登入後複製

 可是,說到這裡就發現,name,age,sex 並沒有在Person裡面申明,哪來的呢???

相關免費學習推薦:javascript視頻教程

以上是javascript物件封裝的方法有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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