js原型、原型鏈、call/apply

js原型、原型鏈、call apply

原型

1.定義：原型是function對象的一個屬性，它定義了構造函數構造出的對象的共同祖先，經過這個構造函數建立的對象能夠繼承該原型的屬性和方法。原型也是對象。 2.利用原型的特色和概念，能夠提取共有屬性。 3.對象如何查看原型:隱式屬性 .proto 4.對象如何查看對象的構造函數：.constructor, 能夠手動更改java

function Person(){

}
car.prototype = {
  made:"china",
  price:2300000
}
car.prototype.name = "BWM"; //新增原型屬性
car.prototype.year = 2018;
function car(color,owner){
  this.color = color;
  this.owner = owner;
}
var car1 = new car("red","chen");
var car2 = new car("green","li");

console.log(car1.constructor);//function car(){};

car.prototype.constructor = Person();
console.log(car1.constructor);//function Person(){};

原型鏈

如何構成原型鏈

grand.prototype.__prototype__ = Object.proto
    grand.prototype.lastname = "chen";
    function grandtype;

    }
    var grand1 = new grand();

    father.prototype = grand;
    function father(){
        this.name = "ying";
		this.forturn = {
			card1 :"visa"
		}
    }
    var fa1 = new father();

    son.prototype = fa1;
    function son(){
        this.name = 'jie';
        this.age = 18;
    }
    var son1 = new son();

原型鏈上的增刪改查

後代不能增刪改原型鏈上祖先的屬性

son1.forturn.card2 = "china";
//能夠添加這個屬性是由於，son1在這調用了forturn,引用值forturn能夠添加屬性。
//可是son.prototype.wife = "hehe"；能夠給son.prototype添加屬性wife，可是son原來的原型father上不會添加wife屬性。

查詢屬性先在本身的屬性裏面找，若是沒有就到原型上找，若是沒有再往原型的原型上找，以此類推，知道原型鏈盡頭（Object.prototype). PS:誰調用的方法，裏面的this就指向誰。

Person.prototype = {
    name:"a",
        sayName:function (){
            console.log(this.name);
        }
    }

    function Person() {
        this.name = "b";
    }
    var p = new Person();
	p.sayName();//b

絕大多數對象最終都會繼承自Object.prototype 例外：一切對象的原型是一個對象或者null，因此不是全部對象的最終都會繼承自Obeject.prototype. Object.create(null);數組
Object.create方法app

// var obj = Object.create(原型);//原型歸類
    var obj = {name:"chen", age:12};
    var obj1 = Object.create(obj);
	
	Person.prototype.name = "sunny";
	function Person(){
	}
	var person  = Object.create(Person.prototype);//

PS: undedinefed,null是原始值，且不能進行包裝類，因此它們沒有toString()方法。函數

call/apply

做用：改變this 指向

call

function Person(name,age){
	this.name = name;
	this.age = age;
}
var person = new Person("chen",18);
var obj = {};
Person.call(obj,"li",20);//this指向obj，第一個參數表明指向的對象，後面的參數對應到函數的參數。

function Person(name,age,sex){
        this.name = name;
        this.age = age;
        this.sex = sex;
    }
    function Student(name,age,sex,tel,grade){
        Person.call(this,name,age,sex);//調用別的函數實現本身的功能。
        this.tel = tel;
        this.grade = grade;
    }

    var student = new Student('sunny',123,'male',139,2017);

2.apply 做用：改變this指向與call的不一樣：傳參列表不一樣。call須要把實參按照形參的個數傳進去。apply須要傳一個arguments。this

function Person(name,age,sex){
        this.name = name;
        this.age = age;
        this.sex = sex;
    }
    function Student(name,age,sex,tel,grade){
        Person.apply(this,[name,age,sex]);//apply傳進的參數爲一個數組
        this.tel = tel;
        this.grade = grade;
    }

    var student = new Student('sunny',123,'male',139,2017);