前端面試題積聚

建立對象的體式格局

1、工場情勢

在函數里，new 一個 Object，然後依據傳入的參數給該對象增加屬性，末了返回該對象。題目：沒法曉得一個對象的範例。

2、組織函數情勢

題目：每一個要領都要在每一個實例上從新建立一遍。處理：在全局作用域中定義全局函數。固然，這會致使封裝性很差。

3、原型情勢

每一個函數都有一個 prototype（原型）屬性，這個屬性是一個指針，指向一個對象(指向該函數的原型對象)，而這個對象的用處是包含能夠由特定範例的一切實例同享的屬性和要領。假如根據字面意思來明白，那末 prototype 就是經由過程挪用組織函數而建立的誰人對象實例的原型對象。運用原型對象的優點是能夠讓一切對象實例同享它所包含的屬性和要領。

瑕玷：原型中一切屬性是被許多實例同享的，這類同享關於函數異常適宜。然則關於包含援用範例值的屬性題目就突出了。

4、組合運用組織函數情勢和原型情勢

組織函數情勢用於定義實例屬性，而原型情勢用於定義要領和同享的屬性。
效果，每一個實例都邑有本身的一份實例屬性的副本，但同時又同享着對要領的援用，最大限制地節省了內存。別的，這類混成情勢還支撐向組織函數通報參數；可謂是集兩種情勢之長。

5、動態原型情勢

在組織函數中這麼寫同享的要領和屬性：

// 要領
if (typeof this.sayName != 'function') {
Person.prototype.sayName = function() {
alert(this.name);
};
}

6、寄生組織函數情勢

基本思想：建立一個函數，該函數的作用僅僅是封裝建立對象的代碼，然後再返回新建立的對象。

function Person(name, age, job) {
var o = new Object();
o.name = name;
o.age = age;
o.job = job;
o.sayName = function() {
alert(this.name);
};
return o;
}
var friend = new Person('Amy', 18, 'student');
friend.sayName(); // Amy

組織函數在不返回值的情況下，默許會返回新對象實例。而經由過程在組織函數的末端增加一個 return 語句，能夠重寫挪用組織函數時返回的值。

用法：這個情勢能夠在特別的情況下用來為對象建立組織函數。假定我們想建立一個具有分外要領的特別數組。因為不能直接修正 Array 組織函數，因而能夠運用這個情勢。

function SpecialArray() {
// 建立數組
var values = new Array();
// 增加值
values.push.apply(values, arguments);
// 增加要領
values.toPipedString = function() {
return this.join('|');
};
// 返回數組
return values;
}
var colors = new SpecialArray('red', 'green', 'blue');
alert(colors.toPipedString()); // red|green|blue

關於寄生組織函數情勢，有一點須要申明：
起首，返回的對象與組織函數或許與組織函數的原型屬性之間沒有關係；也就是說，組織函數返回的對象與在組織函數外部建立的對象沒有什麼差別。為此，不能依靠 instanceof 操作符來肯定對象範例。

用 new 挪用組織函數現實閱歷了4個步驟

• 1 建立一個新對象；
• 2 將組織函數的作用域賦給新對象（因而 this 就指向了這個新對象）；
• 3 實行組織函數中的代碼（為這個新對象增加屬性）；
• 4 返回新對象。

明白原型對象

一切函數都有一個 prototype 屬性，這個屬性指向函數的原型對象。

在默許情況下，一切原型對象都邑自動獲得一個 constructor (組織函數)屬性，這個屬性是一個指向 prototype 屬性地點函數的指針。
eg. Person.prototype.cOnstructor=> Person。

當挪用組織函數建立一個新實例后，該實例的內部將包含一個指針（內部屬性[[Prototype]]），指向組織函數的原型對象。注重：這個銜接存在於實例與組織函數的原型對象之間，而不是存在於實例與組織函數之間。實例 => 組織函數的原型對象

推斷某個實例的原型指針是不是指向某個函數的原型對象：

Person.prototype.isPrototypeOf(person1) // true
Object.getPrototypeOf(person1) === Person.protype // true

hasOwnProperty() 要領：檢測一個屬性是存在於實例中，照樣存在於原型中。只要存在於實例中時，才返回 true。
in 操作符：實例和原型中的屬性都能訪問到。
同時運用 hasOwnProperty() 要領和 in 操作符，就能夠肯定該屬性究竟是存在於對象中，照樣存在於原型中。

Object.keys() 要領：獲得對象上一切可羅列的實例屬性。
Object.getOwnPropertyNames() 要領：獲得一切實例屬性（包含不可羅列屬性）。

重寫原型會怎樣？

Person.prototype = {…}：
我們將 Person.prototype 設置為即是一個以對象字面量情勢建立的新對象。 終究效果雷同，但有一個破例：constructor 屬性不再指向 Person 了。前面曾引見過，每建立一個函數，就會同時建立它的 prototype 對象，這個對象也會自動獲得 constructor 屬性。而我們在這裏運用的語法，本質上完整重寫了默許的 prototype 對象，因而 constructor 屬性也就變成了新對象的 constructor 屬性（指向 Object 組織函數），不再指向 Person 函數。此時，只管 instanceof 操作符還能返回準確的效果，但經由過程 constructor 已沒法肯定對象的範例了。

完成繼續的體式格局

1、原型鏈繼續