继承模式，命名空间优化管理

继承模式，命名空间优化管理

继承的发展史

传统形式—>原型链

function Grand(){
	
	}
	Grand.prototype.lastName="ji";
	var grand=new Grand();

Father.prototype=grand;
	function Father(){
		this.name="jjjj";
	}
var father=new Father();

Son.prototype=father;
function Son(){
	
}
var son=new Son();

son对象可以继承前面所有父类的属性方法

借用构造函数

不能继承借用构造函数的原型

​ 每次构造函数都要多走一个函数

function Person(name ,age,sex){
		this.name=name;
		this.age=age;
		this.sex=sex;
	}
	function Student(name ,age,sex,grade){
		Person.call(this,name,age,sex);
		this.grade=grade;
	}
	var student=new Student();

共有原型

Father.prototype.lastName="Deng";
		function Father(){
			
		}
		function Son(){
			
		}
	Son.prototype=Father.prototype;  //直接将父类的值，放到子类里
	var son=new Son();

缺点：不能随便改动自己的原型

​ 多个构造函数可以共用一个原型

Father.prototype.lastName="Deng";
		function Father(){
			
		}
		function Son(){
			
		}
	function inheri(Target,Origin){
			Target.prototype=Origin.prototype;  用一个方法实现共有原型
		}
	Son.prototype.sex="male";
	Inheril(Son,Father);
	var son=new Son();
	var father=new Father();  //发现从father对象也可以访问sex属性

圣杯模式

*最完美的继承模式*

​ 是基于共有原型来

function Father(){
		
	}
	function Son(){
	}
	function inherit(Target,Origin){
			function F(){};
			F.protetype=Origin.prototype;  //用F方法间接传原型，
			Target.prototype=new F();
			Target.prototype.constuctor=Target;  //表示出Son的父类指向
			Target.prototype.uber=Origin.prototype;  
		//用于存储Son的父类，
			
	}
	Inherit(Son,Father);
	var son=new Son();

该继承模式优势是可以单向创建属性互不影响

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MR0zhh4T-1593358772860)(D:\图库\作业\constucror.png)]

construtor为该方法属性，用于表示该方法的父类指向

另一种圣杯模式写法（继承模式）

function Father(){
		
	}
	function Son(){
	}

var inherit=(function(){
	var F=function(){};
	return function(Target,Origin){
		F.prototype=Origin.prototype;
		Target.prototype=new F();
			Target.prototype.constuctor=Target;  //表示出Son的父类指向
			Target.prototype.uber=Origin.prototype; 
	}
}());
	Inherit获得了return的方法
	Inherit(Son,Father);
	var son=new Son();

命名空间的优化管理

管理变量，防止污染全局，适用于模块化开发

var name="mmmm";  //外部就不会污染全局，两个name就不会互相污染
	var init=(function(){
		var name="kkkkk";
		function vurHast(){
			name="jojo";
		}
		function callName(){
			console.log(name);
		}						//写一个立即执行函数，可以将内部函数或变量返								回到一个全局变量里，这样名字和函数就不会污染								全局
		return function(){
			callName();
			vurHast();
		}
	}());

模块与模块之间变量名就不会相互污染，将功能放到闭包里面

var 	deng ={
			wife1 :{name :"xiaoliu"}
			wife2 :{name :"xiaofnag"}
			wife3 :{name :"xiaowang"}
			sayWife : function(num){
				return this['wife'+num];  //知识点在笔记对象上
			}
		}
        //调用时使用	  //字符串拼接
        deng(1);

利用字符串调用对象中的函数，

该知识点在，对象笔记上

对象方法字符串调用方法