关于JavaScript继承的学习笔记

前言

①了解js继承方法之前要了解js的原型和原型链,可以参考关于JavaScript原型的学习笔记
②call和apply方法的运用

		function Person(name,age) {
               this.name = name;
               this.age = age;
            }
            function Pp(name,age,sex) {
                Person.call(this,name,age);//改变了this的指向
                this.sex = sex;
            }
            var pp = new Pp("xiaozhang",18,"male");

call和apply可以改变对象中this的指向,它俩的作用一样,唯一的区别就是传入参数的不同.call方法需要把实参按照形参的个数传进去,apply需要传一个arguments列表.

继承的发展

传统形式(就是原型链)

缺点:过多的继承了没用的属性.
比如说:一个Son想继承Father的某个属性和方法,但是用prototype就会把Teacher的所有方法和属性全部继承过来.

	Grand.prototype.lastName = "li";
	function Grand(){}
	var grand = new Grand();
	Father.prototype = grand;
	function Father(){
		this.name = "hehe";
	}
	var father = new Father();
	Son.prototype = father;
	function Son(){
		
	}
	var son = new Sonr();

借用构造函数(不算标准的继承模式)

缺点:
①不能继承借用构造函数的原型
②每次构造函数都要多走一个函数

			function Person(name,age) {
               this.name = name;
               this.age = age;
            }
            function Pp(name,age,sex) {
                Person.call(this,name,age);
                this.sex = sex;
            }
            var pp = new Pp("xiaozhang",18,"male");

共享原型

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

		Father.prototype.Name = "li"
		function Father(){
		}
		function Son(){
		}
		function inherit(Target,Origin){
			Target.prototype = Origin.prototype;
			}
		inherit(Son,Father);
		var son = new Son();

圣杯模式

	var inherit = (function () {
                var F = function () {};//让F私有化
                return function (Target,Origin) {
                    F.prototype = Origin.prototype;
                    Target.prototype = new F();
                    Target.prototype.constuctor = Target;//让construtor指向自己
                    Target.prototype.uber = Origin.prototype; //存储继承的祖先的信息
                }  
            }());
            Father.prototype.Name = "li";
		        function Father(){
		        }
		        function Son(){
		        }
                inherit(Son,Father);
                var father = new Father();
                var son = new Son(); 

你可能感兴趣的:(学习笔记,javascript,前端)