首頁 > web前端 > 前端問答 > javascript構造方法的缺點是什麼

javascript構造方法的缺點是什麼

WBOY
發布: 2022-09-30 16:40:55
原創
1287 人瀏覽過

JavaScript建構方法的缺點是每次實例化一個對象,都會把屬性和方法複製一遍;如果實例之間有相同的方法,雖然構造函數中定義的屬性和方法是可以存取的,但是每個實例都被複製了,這樣會造成系統資源的浪費。

javascript構造方法的缺點是什麼

本教學操作環境:windows10系統、javascript1.8.5版、Dell G3電腦。

javascript建構方法的缺點是什麼

優點就是能夠透過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中文網其他相關文章!

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