js --- 面向对象之原型与原型链

前言：

每个构造函数都有一个原型对象(prototype),原型对象都包含一个指向构造函数的指针,而实例(instance)都包含一个指向原型对象的内部指针__proto__.

原型定义：Person.prototype

1. 原型是function对象的一个属性，它定义了构造函数实例的公共祖先。
2. 通过构造函数产生的实例，可以继承该原型的属性和方法。
3. 原型也是对象。
4. 利用原型的特点和概念，可以提取共有属性。
5. 实例创建的时候会隐形创建一个属性__proto__，指向原型；对象查看原型方法：对象.__proto__
6. 原型有一个预定义属性constructor，指向构造函数；对象查看其构造函数：对象.constructor

Person.prototype.country="中国";
Person.prototype.city="北京";
function Person(name,age,sex){
  this.name = name;
  this.age = age;
  this.sex=sex;
}
var person1 = new Person('li',23,'女');
var person2 = new Person('liu',33,'男');

console.log(person1.name + "来自" +person1.country);
console.log(person2);
console.log(person2.name + "来自" +person2.country);
person2.country="美国";
console.log(person2.name + "来自" +person2.country);
console.log(person2);

控制台结果

分析：

通过同一个构造函数可以创建多个相同但独立的个体，每个个体都继承了构造函数的所有属性和方法，某个体属性改变不影响其他个体；

原型不可通过对象来改变，只能通过构造函数自身改变；

原型链：

Grand.prototype.lastName = "li";
function Grand(){

}
var grand = new Grand();

Father.prototype = grand; 
//Father.prototype被重写,导致Father.prototype.constructor也一同被重写,
function Father(){
	this.name = 'dede';
}
var father = new Father();

Son.prototype = father; //Son.prototype被重写,导致Son.prototype.constructor也一同被重写
function Son(){
	this.age = 23;
}
var son = new Son();

console.log(son.age);
console.log(son.name);
console.log(son.lastName);

//最后son的构造函数变为Grand()

控制台打印结果

关于toString

1:
undefined.toString() //报错  Cannot read property 'toString' of undefined
null.toString() //报错  Cannot read property 'toString' of null
var obj = Object.create(null)
null.toString() //报错
//原因undefined、null、create创建的对象没有原型

2:
true.toString() //"true"

3:
123.toSting() //报错  Uncaught SyntaxError: Invalid or unexpected toke
//原因 : .是数字运算符，具有高优先级，系统默认数字.后面应该带有数字

var num=123
num.toSting() // "123"

call()/apply():调用别人的方法实现自己的功能

call()

function Person(name, sex, age) {
	this.name = name;
	this.sex = sex;
	this.age = age;
}
function Student(name, sex, age, tel, grade) {
	Person.call(this, name, sex, age) // 调用Person方法，传入的this指向Student
	this.tel = tel;
	this.grade = grade;
}

apply()：

function Person(name, sex, age) {
	this.name = name;
	this.sex = sex;
	this.age = age;
}
function Student(name, sex, age, tel, grade) {
	Person.apply(this, [name, sex, age])
	this.tel = tel;
	this.grade = grade;
}

function foo() {
	bar.apply(null, arguments)
}
function bar() {
	console.log( arguments)
}
foo(1,2,3,4,5)

//打印结果为 [1,2,3,4,5]
//1.虽然没有形参，但有映射，不影响arguments值
//2.bar.apply(null, arguments) apply中第一参数为null 相当于 bar(arguments)