資訊專欄INFORMATION COLUMN
摘要：創建一個新對象將構造函數的作用域賦給新對象因此就指向了這個新對象執行構造函數中的代碼為這個新對象添加屬性返回新對象。
本章內容
理解對象屬性
理解并創建對象
理解繼承
ECMA-262把對象定義為：無序屬性的集合，其屬性可以包含基本值、對象或者函數
理解對象創建自定義對象的最簡單方式就是創建一個Object的實例，再為它添加屬性和方法。
var person = new Object();
person.name = "Nicholas";
person.age = 29;
person.job = "Software Engineer";
person.sayName = function(){
alert(this.name);
};
另一種方法，對象字面量成為創建對象的首選模式。
var person = {
name: "Nicholas";
age: 29;
job: "Software Engineer";
sayName: function(){
alert(this.name);
}
}
ECMA-262第五版在定義只有內部才用的特性(attribute)時，描述了屬性(property)的各種特性。特性用兩對方括號包含。
ECMAScript中有兩種屬性：數據屬性和訪問器屬性
1.數據屬性
要修改屬性默認的特性，必須使用ECMAScript5的Object.defineProperty()方法。這個方法接收三個參數：屬性所在的對象、屬性的名字和一個描述符對象。
var person = {};
Object.defineProperty(person, "name", {
writable: false,
value: "Nicholas"
});
console.log(person.name);//Nicholas
person.name = "Greg";
console.log(person.name);//Nicholas
2.訪問器屬性
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前面的下下劃線是一種常用的記號，用于表示只能通過對象方法訪問的屬性。
這是使用訪問器屬性的常見方法，即設置一個屬性的值會導致其他屬性發生變化。
只指定getter意味著屬性是不能寫
創建對象object構造函數或者對象字面量都可以用來創建單個對象，但這些方式有個明顯的缺點：使用同一個接口創建很多對象，會產生大量的重復代碼
用函數來封裝以特定接口創建對象的細節
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");
工廠模式雖然解決了創建多個相似對象的問題，但卻沒有解決對象識別的問題（怎樣知道一個對象的類型)
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函數存在以下不同之處：
沒有顯示地創建對象
直接將屬性和方法賦給了this對象
沒有return語句
要創建Person的新實例，必須使用new操作符。
創建一個新對象;
將構造函數的作用域賦給新對象（因此this就指向了這個新對象）;
執行構造函數中的代碼（為這個新對象添加屬性）;
返回新對象。
person1和person2分別保存著Person的一個不同的實例。這兩個對象都有一個constructor（構造函數），該屬性指向Person
alert(person1.constructor == Person);//true alert(person2.constructor == Person);//true
constructor最初是用來標識對象類型的，檢測對象類型
instanceof操作符要更可靠一些，在以下例子中創建的所有對象既是Object的實例，同時也是Person的實例
alert(person1 instanceof Object);//true alert(person1 instanceof Person);//true alert(person2 instanceof Object);//true alert(person2 instanceof Person);//true
將構造函數當作函數
構造函數與其他函數的唯一區別，就在于調用它們的方式不同。任何函數，只要通過new操作符，那它就可以作為構造函數；而任何函數，如果不通過new操作符來調用，那它跟普通函數也不會有什么兩樣
//當作構造函數使用
var person = new Person("Nicholas", 29, "Software Engineer");
person.sayName();
//作為普通函數調用
Person("Greg", 27, "Doctor");//添加到window
window.sayName();//"Greg"
//在另外一個對象的作用域中調用
var o = new Object();
Person.call(o, "Kristen", 25, "Nurse");
o.sayName();
每個方法都要在每個實例上創建一遍，前面的例子中，person1和person2都有一個名為sayName()的方法，但那兩個方法不是Function的實例。在ECMAScript中的函數是對象，因此每定義一個函數，也就是實例化了一個對象
function Person(name, age, job){
this.name = name;
this.age = age;
this.job = job;
this.sayName = new Function("alert(this.name)");
//與聲明函數在邏輯上是等價的
}
通過把函數定義轉移到構造函數外部來解決這個問題。
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");
這么做問題又來了，全局作用域中定義的函數實際上只能被某個對象調用，這讓全局作用域名不副實；并且如果有多個對象，對象又各自有多個方法，那就要定義很多個全局函數，就沒有封裝性可言了
待續....
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/98502.html
摘要：高程讀書筆記第六章理解對象創建自定義對象的方式有創建一個實例，然后為它添加屬性和方法。創建了自定義的構造函數之后，其原型對象默認只會取得屬性至于其他方法都是從繼承而來的。 JS高程讀書筆記--第六章 理解對象 創建自定義對象的方式有創建一個Object實例，然后為它添加屬性和方法。還可用創建對象字面量的方式 屬性類型 ECMAScript在定義只有內部采用的特性時，描述了屬性的各種特征...
摘要：三種使用構造函數創建對象的方法和的作用都是在某個特殊對象的作用域中調用函數。這種方式還支持向構造函數傳遞參數。叫法上把函數叫做構造函數，其他無區別適用情境可以在特殊的情況下用來為對象創建構造函數。 一、工廠模式 工廠模式：使用字面量和object構造函數會有很多重復代碼，在此基礎上改進showImg(https://segmentfault.com/img/bVbmKxb?w=456&...
摘要：在復雜的情況下，需要具體策略維護內部狀態時，可能需要把策略和享元模式結合起來。函數比用戶定義的類的實例輕量，而且無需使用享元模式，因為各個策略函數在編譯模塊時只會創建一次。 一等函數實現設計模式 經典的策略模式定義 定義一系列算法，把它們一一封裝起來，并且使它們可以相互替換。本模式使得算法可以獨立于使用它的客戶而變化。 案例 假如一個網店制定了下述折扣規則。 有 1000 或以上積分...
摘要：繼承的是超類型中構造函數中的屬性，如上繼承了屬性，但沒有繼承原型中的方法。上述造成的結果是子類型實例中有兩組超類型的構造函數中定義的屬性，一組在子類型的實例中，一組在子類型實例的原型中。 ECMAScript只支持實現繼承，主要依靠原型鏈來實現。與實現繼承對應的是接口繼承，由于script中函數沒有簽名，所以無法實現接口繼承。 一、原型鏈 基本思想：利用原型讓一個引用類型繼承另一個引用...
摘要：分區函數返回一個布爾值，這意味著得到的分組的鍵類型是，于是它最多可以分為兩組是一組，是一組。當遍歷到流中第個元素時，這個函數執行時會有兩個參數保存歸約結果的累加器已收集了流中的前個項目，還有第個元素本身。 一、收集器簡介 把列表中的交易按貨幣分組： Map transactionsByCurrencies = transactions.stream().collect(groupi...
閱讀 1698·2023-04-26 01:02
閱讀 4841·2021-11-24 09:39
閱讀 1803·2019-08-30 15:44
閱讀 2872·2019-08-30 11:10
閱讀 1783·2019-08-30 10:49
閱讀 984·2019-08-29 17:06
閱讀 609·2019-08-29 16:15
閱讀 902·2019-08-29 15:17
