本章內(nèi)容
- 理解對象屬性
- 理解并創(chuàng)建對象
- 理解繼承
ECMA-262把對象定義為：無序?qū)傩缘募纤缮辏鋵傩钥梢园局怠ο蠡蛘吆瘮?shù)
理解對象
創(chuàng)建對象
創(chuàng)建自定義對象的最簡單方式就是創(chuàng)建一個Object的實例厘擂，再為它添加屬性和方法。
var person = new Object();
person.name = "Nicholas";
person.age = 29;
person.job = "Software Engineer";
person.sayName = function(){
alert(this.name);
};
另一種方法锰瘸，對象字面量成為創(chuàng)建對象的首選模式刽严。
var person = {
name: "Nicholas";
age: 29;
job: "Software Engineer";
sayName: function(){
alert(this.name);
}
}
屬性類型
ECMA-262第五版在定義只有內(nèi)部才用的特性(attribute)時，描述了屬性(property)的各種特性避凝。特性用兩對方括號包含舞萄。
ECMAScript中有兩種屬性：數(shù)據(jù)屬性和訪問器屬性
1.數(shù)據(jù)屬性
[[Configurable]]:表示能否通過delete刪除屬性從而重新定義屬性，能否修改屬+ 性的特性管削，或者能否把屬性修改為數(shù)據(jù)屬性倒脓，默認值為true。
[[Enumerable]]:表示能否通過for-in循環(huán)返回屬性含思，默認值為true崎弃。
[[Writable]]:表示能否修改屬性的值，默認值為true含潘。
[[Value]]:包含這個屬性的數(shù)據(jù)值饲做。
要修改屬性默認的特性，必須使用ECMAScript5的Object.defineProperty()方法遏弱。這個方法接收三個參數(shù)：屬性所在的對象盆均、屬性的名字和一個描述符對象。
var person = {};
Object.defineProperty(person, "name", {
writable: false,
value: "Nicholas"
});
console.log(person.name);//Nicholas
person.name = "Greg";
console.log(person.name);//Nicholas
2.訪問器屬性
[[Configurable]]:表示能否通過delete刪除屬性從而重新定義屬性漱逸，能否修改屬性的特性泪姨，或者能否把屬性修改為數(shù)據(jù)屬性,默認值為true
[[Enumerable]]: 表示能否通過for-in循環(huán)返回屬性,默認值為true
[[Get]]: 在讀取屬性的時候調(diào)用的函數(shù),默認值為true
[[Set]]: 在寫入屬性的時候調(diào)用的函數(shù)
var book = {
_year: 2004,
edition: 1
}
Object.defineProperty(book, "year",{
get: function(){
return this._year;
},
set: function(newValue){
if(newValue > 2004){
this._year = newValue;
this.edition += newValue - 2004;
}
}
});
book.year = 2005;
console.log(book.edition);//2
_year前面的下下劃線是一種常用的記號，用于表示只能通過對象方法訪問的屬性虹脯。
這是使用訪問器屬性的常見方法驴娃，即設置一個屬性的值會導致其他屬性發(fā)生變化。
只指定getter意味著屬性是不能寫
創(chuàng)建對象
object構(gòu)造函數(shù)或者對象字面量都可以用來創(chuàng)建單個對象循集，但這些方式有個明顯的缺點：使用同一個接口創(chuàng)建很多對象唇敞，會產(chǎn)生大量的重復代碼
工廠模式
用函數(shù)來封裝以特定接口創(chuàng)建對象的細節(jié)
function createPerson(name, age, job){
var o = new Object();
o.name = name;
o.age = age;
o.job = job;
o.sayName = function(){
alert(this.name);
}
retrun o;
}
var person1 = createPerson("Nicholas", 29, "Software Engineer");
var person2 = createPerson("Greg", 27, "Doctor");
工廠模式雖然解決了創(chuàng)建多個相似對象的問題，但卻沒有解決對象識別的問題（怎樣知道一個對象的類型)
構(gòu)造函數(shù)
function Person(name,age,job){
this.name = name;
this.job = job;
this.age = age;
this.sayName = function(){
alert(this.name);
};
}
var person1 = new Person("Trick",29,"SoftWare Engineer");
var person2 = new Person("John",23,"Doctor");
Person與createPerson函數(shù)存在以下不同之處：
- 沒有顯示地創(chuàng)建對象
- 直接將屬性和方法賦給了this對象
- 沒有return語句
要創(chuàng)建Person的新實例，必須使用new操作符疆柔。
- 創(chuàng)建一個新對象;
- 將構(gòu)造函數(shù)的作用域賦給新對象（因此this就指向了這個新對象）;
- 執(zhí)行構(gòu)造函數(shù)中的代碼（為這個新對象添加屬性）;
- 返回新對象咒精。
person1和person2分別保存著Person的一個不同的實例。這兩個對象都有一個constructor（構(gòu)造函數(shù)）旷档，該屬性指向Person
alert(person1.constructor == Person);//true
alert(person2.constructor == Person);//true
constructor最初是用來標識對象類型的模叙，檢測對象類型
instanceof操作符要更可靠一些，在以下例子中創(chuàng)建的所有對象既是Object的實例鞋屈，同時也是Person的實例
alert(person1 instanceof Object);//true
alert(person1 instanceof Person);//true
alert(person2 instanceof Object);//true
alert(person2 instanceof Person);//true
將構(gòu)造函數(shù)當作函數(shù)
構(gòu)造函數(shù)與其他函數(shù)的唯一區(qū)別范咨，就在于調(diào)用它們的方式不同。任何函數(shù)厂庇，只要通過new操作符渠啊，那它就可以作為構(gòu)造函數(shù)；而任何函數(shù)权旷，如果不通過new操作符來調(diào)用替蛉，那它跟普通函數(shù)也不會有什么兩樣
//當作構(gòu)造函數(shù)使用
var person = new Person("Nicholas", 29, "Software Engineer");
person.sayName();
//作為普通函數(shù)調(diào)用
Person("Greg", 27, "Doctor");//添加到window
window.sayName();//"Greg"
//在另外一個對象的作用域中調(diào)用
var o = new Object();
Person.call(o, "Kristen", 25, "Nurse");
o.sayName();
構(gòu)造函數(shù)的問題
每個方法都要在每個實例上創(chuàng)建一遍，前面的例子中拄氯，person1和person2都有一個名為sayName()的方法躲查，但那兩個方法不是Function的實例。在ECMAScript中的函數(shù)是對象译柏，因此每定義一個函數(shù)镣煮，也就是實例化了一個對象
function Person(name, age, job){
this.name = name;
this.age = age;
this.job = job;
this.sayName = new Function("alert(this.name)");
//與聲明函數(shù)在邏輯上是等價的
}
通過把函數(shù)定義轉(zhuǎn)移到構(gòu)造函數(shù)外部來解決這個問題。
function Person(name, age, job){
this.name = name;
this.age = age;
this.job = job;
this.sayName = sayName;
}
function sayName(){
alert(this.name);
}
var person1 = new Person("Nicholas", 29, "Software Engineer");
var person2 = new Person("Greg", 27, "Doctor");
這么做問題又來了艇纺，全局作用域中定義的函數(shù)實際上只能被某個對象調(diào)用怎静，這讓全局作用域名不副實；并且如果有多個對象黔衡，對象又各自有多個方法蚓聘，那就要定義很多個全局函數(shù)，就沒有封裝性可言了
待續(xù)....
