js中继承以及函数进阶

继承
是指一种关系，面向对象的三大特征之一
js中的继承
js中是通过构造函数中的原型来实现继承，模拟强类型语言中类的概念
优点是：可实现数据共享，优化内存，节省资源
实现方式是将父类构造函数的原型赋给子类构造函数
继承的实例应用
动物有名字,有体重,有吃东西的行为
小狗有名字,有体重,有毛色,有吃东西的行为,还有咬人的行为
二哈有名字,有体重,有毛色,性别,有吃东西的行为,还有咬人的行为,逗主人开心的行为
代码如下（js中的代码）：

function Animal(name,weight){
				this.name=name;
				this.weight=weight;
			}
			Animal.prototype.eat=function(){
				console.log('有吃东西的行为');
			}
			function Smalldog(color){
				this.color=color;
			}
			Smalldog.prototype=new Animal();
			
			Smalldog.prototype.yao=function(){
				console.log('有咬人的行为');
			}
			function Twodog(sex){
				this.sex=sex;
			}
			Twodog.prototype=new Smalldog();
			Twodog.prototype.havefun=function(){
				console.log('有逗主人开心的行为');
			}
			var dog=new Twodog();
			dog.name='小黄';
			dog.weight='25公斤';
			dog.color='yellow';
			dog.sex='雌';
			console.log(dog);

原型链
每个构造函数都有原型对象// 创建一个构造函数 都会默认的创建一个 构造函数的原型
每个对象都有构造函数
每个构造函数的原型都是一个对象
那么这个原型对象也会有构造函数
那么这个原型对象的构造函数也有原型对象
这样就会形成一个链式结构，称之为 原型链
原型结构的基本形式：

function Perosn(name){
	this.name=name;
}
var p=new Person();
// p----->Person.prototype----->Object.prototype----->null

属性搜索原则
1.当访问一个对象的成员的时候，会现在自身找有没有,如果找到直接使用，
2.如果没有找到，则去当前对象的原型对象中去查找，如果找到了直接使用，
3.如果没有找到，继续找原型对象的原型对象，如果找到了，直接使用
4.如果没有找到，则继续向上查找，直到Object.prototype，如果还是没有，就报错
原型继承概念
通过修改原型链结构实现的继承
函数的进阶
函数声明：function f1(){}
函数表达式:var ff=function(){}
函数声明和函数表达式的区别：
声明函数:

if(true){
	function f1(){}
}else{
	function f1(){}
}
f1();

函数声明如果放在if-else的语句中,在IE8的浏览器中会出现问题,执行的是后面的else

但是使用 函数表达式就可以解决这一问题:

var ff;
if(true){
	ff=function(){}
}else{

	ff=function(){}
}
ff();

// 以后宁愿使用函数表达式 都不用函数声明
函数中this指向的问题
(1)普通函数的this是window

Eg: function(){console.log(this);}	

(2)定时器中的this是window

setInterval(function(){console.log(this);},1000);

(3)构造函数中的this 是实例对象

function Person(){console.log(this);} var per=new Person();  console.log(per);

(4)对象的方法中的 this 也是实例对象

function Person(){
		console.log(this);
		this.sayHi=function(){
			console.log(this);
		}
	} 
	var per=new Person();  
	console.log(per);

(5)原型对象中的this 也是 实例对象

Person.prototype.eat=function(){
console.log(this); // Person 对象
}
per.eat();
严格模式的写法
严格模式 其实 就是所有的函数 都必须使用对象调用
特点: 在函数之前添加"use strict"
函数是对象，对象不一定是函数
对象中有__proto__原型,是对象

// 函数中有prototype原型,是对象

function F1(){}  console.dir(F1); // 有__proto__是对象,有prototye是函数

console.log(Math);// 没有prototype  不是函数``

是函数 则 就具备 prototype原型 以及 proto__对象
是对象 则只有__proto
所有的函数实际上都是Function的构造函数创建出来的

Eg: function F1(name){

	this.name=name;

}

console.dir(F1);   // 控制台查看  构造器 指向的是Function 构造函数
Eg:
	var f1=new Function("num1","num2","return num1+num2");
	console.log(f1(10,20));  // 返回30

以上类似于:  函数声明和函数表达式的写法

// 所以函数是对象
console.dir(f1); // __proto__  以及prototype