JS高级（原型，this指向，作用域，闭包等）

JS高级（继承，原型，this指向，作用域，闭包）

一.继承（混入式继承 原型链继承 经典继承）

面向对象编程(继承 封装) 没有多态(js弱类型语言没有多态，强类型才有)
面向对象编程：灵活，代码可复用，高度模块化等特点，容易维护和开发。

封装：写成一个单独的js文件，需要时在引入（库，插件，脚本）

1.混入式继承：把另一对象地属性直接复制过来

xm.skill = zs.skill
或者直接遍历zs对象让xm添加添加

2.原型链式继承：原型对象添加属性、原型替换

（1）给原型对象添加属性
（2）原型替换，把一个新的对象赋值给原型对象
问题：constructor属性丢失了
办法：手动添加construtor

var lw = {
   
	skill: "翻墙",
	handsome: "very handsome",
	healthy: "都说好"
}
Person.prototype.extend(lw);

Person.prototype.extend = function (obj) {
   
	for(var k in obj){
   
		if(obj.hasOwnProperty(k)){
   
			this[k] = obj[k];
		}
	}
}

3.经典继承：object.create(obj) 以obj为原型的空对象

语法：Object.create()
作用：该方法可以创建一个空对象，该对象的原型为参数obj

二.原型链：Function.prototype Object.prototype

完整的原型链：

1.原型介绍prototype

使用原型的作用：解决构造函数创建对象造成的内存浪费问题
（1）任何函数，都有prototype属性
（2）函数的prototype属性值是一个对象，把这个对象叫做原型（原型对象）
（3）原型的作用：通过构造函数创建的实例对象，可以直接访问构造函数的prototype属性上的成员
Function.prototype

2.访问原型对象的俩种方式

（1）通过构造函数来访问：构造函数的prototype属性
（2）通过实例对象去访问：实例对象的__proto__属性

__proto__是一个私有属性，不是个标准的属性，IE没有该属性，不用于线上，用于本地开发来查看原型成员

注意：
① __proto__属性是对象的，prototype属性是函数的
② __proto__属性值指向了原型
③ __proto__属性注意点：私有属性的问题

3.constructor属性

原型对象中的constructor属性指向了当前的构造函数
Person.prototype.constructor=>Person构造函数

4.原型链

实例对象的原型链：
P=>Person.prototype=>object.prototype=>null

注意：原型链和构造函数没有关系

arr的原型链
arr=>Array.prototype=>object.prototype=>null
var d = new Date()的原型链
d=>Date.prototype=>object.protype=>null
Math的原型链
Math=>object.prototype=>null

5.hasOwnProperty在object.prototype原型上

语法：对象.hasOwnProperty(‘属性名’)
作用：是检测属性是否是对象自身的

in与hasOwnProperty
（1）in语法：‘属性名’ in 对象
作用：检测属性是否可以使用
（2）hasOwnProperty
语法：对象.hasOwnProperty(‘属性名’)
作用：检测属性是否是对象自身的
使用场景：for…in…循环过滤对象自身的属性

三.this指向(函数的四种调用模式)

1.定义函数的三种方式

（1）函数声明：

// fn()可以放在上面，因为预解析
fn()
function