JavaScript建構方法的缺點是每次實例化一個對象,都會把屬性和方法複製一遍;如果實例之間有相同的方法,雖然構造函數中定義的屬性和方法是可以存取的,但是每個實例都被複製了,這樣會造成系統資源的浪費。
本教學操作環境:windows10系統、javascript1.8.5版、Dell G3電腦。
優點就是能夠透過instanceof辨識對象,缺點是每次實例化一個對象,都會把屬性和方法複製一遍
function CreateObj(uName) { this.userName = uName; this.showUserName = function () { return this.userName; } } var obj1 = new CreateObj('ghostwu'); var obj2 = new CreateObj('卫庄'); console.log( obj1.showUserName === obj2.showUserName ); //false
從以上執行結果,可以看出obj1.showUserName和obj.showUserName不是同一個【在js中,引用類型比較的是地址, 函數是一種引用類型】,而是存在兩個不同
的記憶體位址,因為每個物件的屬性是不一樣的,這個沒有什麼問題,但是方法執行的都是一樣的程式碼,所以沒有必要複製,存在多份,浪費記憶體.這就是缺點
擴充知識
建構子:如用函數用來初始化(使用new運算子)一個新建的對象,我們稱之為為建構子(constructor)
function Person(){ this.name = "zqq"; this.age = 28; } var p = new Person();
當以new呼叫建構函式(執行var p = new Person())時,函式內部會發生下列情況:
1.建立一個空對象
var p = {};
2.this變數指向物件p
Person.call(p)
3.p繼承了建構子Person()的原型
p.__proto__ = Person.prototype
4.執行建構子Person()內的程式碼
建構子和普通函數的差異:
1.建構函式使用new關鍵字呼叫;普通函數不用new關鍵字呼叫;
var p = new Person(); var p = Person();
2.建構函數內部可以使用this關鍵字;普通函數內部不建議使用this,因為這時候this指向的是window全局對象,這樣無意間就會為window添加了一些全局變數或函數
在建構子內部,this指向的是建構出來的新物件
在普通函數內部,this指向的是window全域物件
#3.建構子預設不用return回傳值;普通函數一般都有return回傳值
建構子會預設回傳this,也就是新的實例物件
普通函數如果沒有return值的話,回傳undefined
如果使用了return,那麼回傳值會根據return值的型別而有所不同
【相關推薦:javascript影片教學、web前端】
以上是javascript構造方法的缺點是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!