原型以及原型鏈的學習隨筆
一 原型：
1 定義：原型是function對像的一個屬性，他定義了建構函式製造出的物件的公共祖先；
通過該建構函式產生的物件，可以繼承該原型的屬性和方法。
原型也是對像。prototype；
Person.prototype.name = 'jams';
function Person(){
}
var person = new Person();
當列印：console.log（person.name）時，會先從函式中找看下有沒有這個屬性值，如果沒有就去原型prototype中找；
因此，這時候打印出來的值為：jams
prototype 是函式物件預設的屬性，可以增刪改查；
2 利用原型特點和概念，可以提取共有屬性；
3物件如何檢視原型——>隱式屬性：__proto__
__proto__ 中存放的就是建構函式的原型
相當於：在函式中隱藏了一段程式碼： var this = {
__proto__: Person.prototype
}
舉個例子：
var obj = { name: 'a'}
var obj1 = obj;
obj = {name : 'b'}
console.log(obj.name);// 輸出的值為 b
對比：
var obj = { name: 'a'}
var obj1 = obj;
obj.name ='b'
console.log(obj1.name);// 輸出的值為 b
console.log(obj.name);// 輸出的值為 b
原因： 當你修改obj.name 時，修改的是原型中的值，當你重新附值給obj時（obj={name:'b'}）,相當於重新定義了obj這個變數；
換個理解方式為，obj.name 是一個指標，而obj 是一個變數；
4 物件如何檢視物件的建構函式：constructor；
constructor 是預設自帶的一個屬性，他的值指向原函式；
二 原型鏈：
1如何構成原型鏈： 一級一級往上找；
舉個栗子：
Grand.prototype.lastName = 'a';
function Grand(){
}
var grand = new Grand();
Father.prototype = grand;
function Father() {
this.name = ' b ';
}
var father = new Father();
Son.prototype = father;
function Son(){
this.hobbit = 'smoke';
}
var son = new Son();
console.log( son.name ); // b
console.log(son.lastName); // a
2 原型鏈上屬性的增刪改查：跟原型上的增刪改查基本一致，其中刪除：delete 只能通過原型prototype 才能刪除原型的值；
Person.prototype = {
name = 'a',
sayName : function(){
console.log(this.name);
}
}
function Person(){
this.name = 'b';
}
var person = new Person();
sayName 裡面的this指向是，誰呼叫的這個方法，this指向誰；
所以最終結果person.sayName() 的值為b
而Person.prototype.sayName() 的值為a
3絕大多數物件的最終都會繼承自Object.prototype
但不是所有的物件都可以繼承，特例：Object.creat()原型；
例如：object.creat（null） ，該物件沒有prototype原型；
4原型鏈的重寫：
例如常見的如下原型鏈就是經常被重寫試用的，當然自己定義的原型同樣也是可以被重寫
Object.prototype.toString
Number.prototype.toString
Array.prototype.toString
Boolean.prototype.toString
String.prototype.toString
(題外話：JS 有個小bug：
控制檯運算：0.14*100，去看下運算結果： 14.000000000000002 這是js精度不准問題導致的；
解決方法：小數先乘以100然後向下取整或向上取整。如果利用保留兩位有效數字的方法toFixed()再乘以100是不準確的；
math.random() 會產生一個（0，1）的隨機數
toFixed() 保留兩位有效數字
Math.tofloor() 向下取整
Math.toceil() 向上取整；
var num =Math.tofloor(Math.random()*1000); // 獲取0-100的隨機數；
)
三 call、apply
call、apply的作用：可以藉助別人的函式實現自己的功能
call 可以該表this指向
例如：
function Person(name,age){
//this == obj；
this.name = name;
this.age = age;
}
var person = new Person( 'a' ,100);
var obj = {}
Person.call(obj, 'b' ,300);
這句話的意思就是呼叫Person的方法，然後將相關值附值給obj，使得obj有相關引數屬性值；
執行結果：obj
{name: "b", age: 300}
這樣的好處，借用Person的方法來封裝了obj；
例如：
function Person(name,age,sex){
this.name = name;
this.age = age;
this.sex = sex;
}
function otherInformation(tel,grade){
this.tel = tel;
this.grade = grade;
}
function Student(name,age,sex,tel,grade) {
Person.call(this,name,age,sex);
otherInformation.call(this,tel,grade)}
var student = new Student('asd',123,'male',129,2018) ;
輸出結果：
Student {name: "asd", age: 123, sex: "male", tel: 129, grade: 2018}
call與apply的區別：後面傳的引數形式(或者傳參列表)不同；
apply 只能傳兩個引數，一個是this，另一個是陣列，例如： Person.apply(this,[name,age,sex]);
轉載請註明出處