建立對象的方式
2016/10/21 筆記
第一種建立對象的方式:
建立JSON對象
推薦使用的場合: 作為函數的參數,臨時隻用一次的場景。比如設定函數原型對象。
var object = {
name: "Eric",
age: 24,
sayHi: function(){
console.log("My name is "+ this.name + " this year is " + this.age + "years old.")
}
};
第二種建立對象的方式:
建立一個Object對象
var object = new Object();
object.name = "Eric";
object.age = 24;
object.sayHi = function(){....};
以上兩種建立對象方式的缺點:不能作為對象建立的模闆,也就是不能用new進行構造新對象。
=================================================================
第三種建立對象的方式:
function Person() {
this.name = "Eric";
this.age = 24;
this.sayHi = function(){
console.log(this.name);
}
}
var object1 = new Person();
var object2 = new Person();
這種建立對象方式解決了前兩種方式的缺點,可以作為對象建立的模闆,可以一直複用建立出多個對象。
new運算符的作用:
- 執行構造函數(new後面的那個函數),在構造函數内部建立一個空對象
- 把上一部建立的空對象跟構造函數的原型對象進行關聯
- 然後把this指向目前空對象
- 在構造函數執行結束後,如果沒有return,把空對象傳回給object
第三種方式有個缺點: 對象的内部的函數會在每個對象中都存一份如果建立的對象非常多的話,那麼非常浪費記憶體。函數的行為是所有對象可以共有,不需要每個對象都儲存一份。是以,可以把函數放到原型中進行聲明,那麼所有對象都有了公共的函數,而且記憶體中隻保留一份。所有的屬性寫到對象的内部
第三種方式beta1:
function Person() {
this.name = 'Eric';
this.age = 24;
}
Person.prototype = {
sayHi: function() {
},
};
var object1 = new Person();
var object2 = new Person();
繼續更新 beta2 :
function Person(name,age) {
this.name = name || "";
this.age = age || "";
}
Person.prototype = {
sayHi: function() {
},
};
var object1 = new Person(name1,age1);
var object2 = new Person(name2,age2);
問題:1、調用者如果傳遞參數的順序發生變化,那麼廢了
問題:2、參數增減都會導緻函數聲明變化,調用的地方也可能發生變化。
如何解決:繼續更新 beta3 :
function Person(option) { //用一個對象把所有參數覆寫
this.name = option.name || "";
this.age = option.age || "";
}
Person.prototype = {
sayHi: function() {
},
};
var object1 = new Person({
name: "Eric",
age: 24
});
var object2 = new Person({
name: "XXX",
age: xx
});
繼續優化,把初始化的代碼 放到init函數中
繼續更新 beta4 :
function Person(option) {
this._init(option);
}
Person.prototype = {
_init: function (option){
this.name = option.name;
this.age = option.age;
},
sayHi: function(){
console.log("HI");
}
};
var object1 = new Person({
name: "Eric";
age: 24
});
object1.sayHi();