首页 > 代码库 > js---16继承
js---16继承
123 instanceof Number;//false,要左边是对象右边是函数 typeof 123 ; //number new Number(123) instanceof Number; //true function F(){}; var f = new F(); f instanceof F ; //true f instanceof Object ; //true //创建父类 //创建子类 //建立关系 function P () {} function C(){} //1.继承,P是父C是子 C.prototype = P.prototype;// C使用P的公有区域 C.prototype.constructor;// function P () var c1 = new C(); c1 instanceof C;//true c1 instanceof P ;//true C.prototype.xxx = "xxx";//给C增加属性 c1.xxx;//"xxx",首先去c1自己里面去找,没有找到,就是原型对象里面去找。 var p1 = new P(); p1.xxx; //"xxx",父也可以使用子的东西了,所以这种方式强烈不推荐 //2.p是父c是子 C.prototype = new P(); var c1 = new C(); c1 instanceof C;//true c1 instanceof P ;//true C.prototype.xxx = "xxx";//给C增加属性 c1.xxx;//"xxx" var p1 = new P(); p1.xxx; //undefined,父类不可以使用子类的东西了,缺点是平白无故new了一个P(),增加了内存,不推荐 //3. 推荐写法 /* function F(); F.prototype = P.prototype; var f = new F(); C.prototype = f; //C的prototype指向一个对象,这个对象所在函数的prototype等于父类函数的prototype */ C.prototype = Object.create(P.prototype); C.prototype;//Object{},create()方法实现了继承,但是原型对象没有修正 ============================================================ function Person(name,age){//父类 this.name = name; this.age = age;//这些属性是变量各自都有的,各自修改互不影响, } Person.prototype.headCount = 1;//父类的原型的属性,这跟java对应不上, Person.prototype.eat = function() {//父类的原型的方法 console.log("eating..."); }; function Programmer(name,age,title){//子类 Person.apply(this,arguments); } Programmer.prototype.language = "javascript"; Programmer.prototype.work = function(){ console.log("i am writing code in " + this.language);//this是对象,可以访问原型里面的属性 } Programmer.prototype = Object.create(Person.prototype); //Programmer继承了Person Programmer.prototype.constructor = Programmer; var java = new Programmer(); java.eat();//eating... java.language;//undefined,Programmer.prototype = Object.create(Person.prototype); 把Programmer的原型全部改了,之前写的原型里面的属性没了,所以之前写的原型的代码(Programmer.prototype.language,Programmer.prototype.work)要写到后面来, Programmer.prototype.language = "javascript"; Programmer.prototype.work = function(){ console.log("i am writing code in " + this.language);//this是对象,可以访问原型里面的属性 } java.language;//javascript ========================================================================== function Person(name,age){//父类 this.name = name; this.age = age; } Person.prototype.headCount = 1; Person.prototype.eat = function() { console.log("eating..."); }; function Programmer(name,age,title){ Person.apply(this,arguments);//让Programmer拥有name,age属性 } //继承 createEx(Programmer,Person); Programmer.prototype.language = "javascript"; Programmer.prototype.work = function(){ console.log("i am writing code in " + this.language); Programmer.base.eat(); } function createEx(Child,Parent){ function F(){};//创建一个函数作为中间的桥接 F.prototype = Parent.prototype; Child.prototype = new F(); Child.prototype.constructor = Child; Child.super = Child.base = Parent.prototype; } var java = new Programmer(); java.headCount;//1 java.work();// am writing code in javascript var person = new Person("cj",22); person.name;//cj var p = new Programmer("dacid",33,"ddd"); p.name;//david person.name = "xxx"; p.name;//dacid , 父类子类对象的相同属性不影响 ,函数的嵌套好像不会产生继承,只是闭包有继承。
//js里面的复制也是继承,深拷贝浅拷贝问题,应为复制过来以后可以自己加 /*js里面的构造器函数和原型prototype共同形成了类。 var f = new F(); 这一步只是把F函数里面的属性this.name、this.age变成了F函数对象的实例成员,使得每一个对象都有name、age属性。 f.__proto__ = F.prototype = Parent.prototype;才有继承了。 //js的继承就是要函数的原型建立关系。
js---16继承
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。