js继承/闭包/圣杯模式

最新推荐文章于 2022-03-08 16:11:03 发布

浅浅海鸥

最新推荐文章于 2022-03-08 16:11:03 发布

阅读量139

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/Sunset_Sunshine/article/details/115616593

版权

js 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

本文探讨了JavaScript中的继承方式，包括传统原型链、借用构造函数和共享原型，以及圣杯模式的实现。通过实例展示了如何使用这些模式。同时，文章还介绍了闭包的概念，用一个具体的Deng对象例子解释了闭包中函数封装的特性。

摘要由CSDN通过智能技术生成

继承/闭包

传统形式 -> 原型链

借用构造函数

共享原型

Father.prototype.lastName  = "deng";

function Father(){

}

function Son(){

}

Son.prototype = Father.prototype;
var son =new Son();
var father =new Father();

//共享原型，但Son.prototype改变 Father,protottype也跟着改变
Father.prototype.lastName  = "deng";

function Father(){

}

function Son(){

}

Son.prototype = Father.prototype;
Son.prototype.sex = "male";
var son =new Son();
var father =new Father();

共享原型，但Son.prototype改变 Father,protottype也跟着改变

圣杯模式

function inherit(Target,Origin){
    function F(){};
    F.prototype = Origin.prototype;
    Target.prototype = new F();
}
Father.prototype.lastName  = "deng";
function Father(){
}
function Son(){
}

inherit(Son.Father);
var son =new Son();
var father =new Father();

// YUI3 库 中的方法  圣杯模式
var inherit = (function(){
    var F = function(){}; //私有化变量 外部访问不到
    return function(Target,Origin){
        F.prototype = Origin.prototype;
        Target.prototype = new F();
        Target.prototype.constructor = Target;
        Target.prototype.uber = Origin.prototype;
    }
}());

// 闭包中的函数封装
function Deng(name,wife){
    let prepareWife = "xiaozhang";
    this.name = name;
    this.wife = wife;
    this.divorce = function(){
        this.wife = preapareWife;
    }
    this.changePreapareWife = function(){
        prepareWife = target;
    }
    this.sayPrepareWife = function(){
        console.log(prepareWife);
    }
}

let deng = new Deng('deng','xiaoliu');