（圣杯模式）继承

最新推荐文章于 2024-02-02 17:32:20 发布

置顶 @shuai

最新推荐文章于 2024-02-02 17:32:20 发布

阅读量1.2k

点赞数 1

分类专栏： javascript 文章标签：圣杯模式继承

本文链接：https://blog.csdn.net/weixin_44836745/article/details/91044433

版权

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Grand.prototype.name="sunny";
	function Grand(){

	}
	var grand=new Grand();
	Father.prototype=grand;
	function Father(){

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

	}
	var son=new Son();

这里先来理解个原型链，通过原型将各个函数链接起来，console.log(son.name)，这里输出当然是sunny;

Father.prototype.name="sunny";
	function Father(){
        
	}
	function Son(){

	}
	 function inherit(tar,ori){
	 	function F(){}
        F.prototype=ori.prototype;
	 	tar.prototype=new F();
	 	tar.prototype.constructor=tar;//构造函数归位
	 	
	 	}
	 inherit(Son,Father);
	 var son=new Son();
	 var father=new Father();

圣杯模式继承，相比于原型链方式、call/apply方式、共享原型继承相对来说较为完美，
用一个new F()作为中间层来的函数来继承，这样既可以继承ori，又可以独立的给tar.prototype添加一些属性，
（当然这里也可以优化一下，将它包装在一个立即执行函数中）。