码迷,mamicode.com
首页 > Web开发 > 详细

js继承模式

时间:2020-01-20 20:40:18      阅读:110      评论:0      收藏:0      [点我收藏+]

标签:on()   UNC   fun   函数   prototype   私有化   构造函数   模式   new   

 1、传统形式 ----> 原型链
过多的继承了没用的属性
Grand.prototype.lastName = "1";
function Grand(){
}
var grand = new Grand();
Father.prototype = grand;
function Father() {
}
var father = new Father();
Son.prototype = father;
function Son() {
}
var son = new Son();
 2、借用构造函数
不能继承借用构造函数的原型
每次构造函数都要夺多走一个函数
function Person(name, sex, age) {
     this.name = name;
     this.sex = sex;
     this.age = age;
 }

 function Student(name, sex, age, grand) {
     Person.call(this, name, sex, age);
     this.grand = grand;
 }

 var student = new Student();
 3、共享原型     //缺点 :一个值改另一个也跟这改
不能随便改动自己的原型
Father.prototype.lastName = ‘Deng‘;

 function Father() {

 }

 function Son() {

 }
 function inherit(Target , Origin){
     Target.prototype = Origin.prototype
 }
 inherit(Son , Father);
var son = new Son();
var father = new Father();
 4、圣杯模式
 function inherit(Target , Origin){
     function F(){}
     F.prototype = Origin.prototype;
     Target.prototype = new F();
     Target.prototype.constructor = Target;
     Target.prototype.uber = Origin.prototype;
 }
 Father.prototype.lastName = ‘Deng‘;
 function Father() {
 }

 function Son() {
 }

 inherit(Son , Father);
 var son = new Son();
 var father = new Father();
私有化变量的应用
 function Li(name , wife){
     var preareWife = "xiaozhang";
     this.name = name;
     this.wife = wife;
     this.divorce = function () {
         this.wife = preareWife;
     };
     this.changPrepareWife = function (target) {
         preareWife = target;
     };
     this.sayPrapreWife = function () {
         console.log(preareWife);
     }
 }
 var li = new Li("li" , "xiaoLi")

js继承模式

标签:on()   UNC   fun   函数   prototype   私有化   构造函数   模式   new   

原文地址:https://www.cnblogs.com/punisher999/p/12219194.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!