javascript 设计模式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 设计模式相关的知识,希望对你有一定的参考价值。

(function(){
    
    //在js中我们利用function来定义类
    function Shape(){
        //在类的内部使用var声明的为私有变量
        var x = 1;
        var y = 1;
    };

    //利用new关键字进行类的实例化
    var oShape = new Shape();

    console.log(oShape.x);//undefined,类的实例化对象中不能访问到私有变量

    //如何在类中定义公有变量
    function Parent(){
        this.x = 1;
        this.y = 1;
    };

    var oParent = new Parent();
    console.log(oParent.x); //1,在类中使用this关键字来定义公有变量,可以在类的实例化对象中访问到

    //定义私有函数
    function Box(){

        //私有函数
        var draw1 = function(){
            alert("draw1")
        };

        //公有函数
        this.draw2 = function(){
            alert("draw2")
        };
    };

    var oBox = new Box();
    // oBox.draw1(); //报错
    oBox.draw2();  //draw2

})();


(function(){

    //javascript模仿OOP编程,为什么需要使用OOP编程,因为能够模块化,结构化,方便一个团队共同开发,但是在javascript中没有类的概念,只能模仿
    function Slider(x,y){
        var x = 0;
        var y = 0;

        var init = function(){
            x = x;
            y = y;
        };
        init();
    };

    var oSlider = new Slider();
})();

 

以上是关于javascript 设计模式的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段12——JavaScript的Promise对象

30秒就能看懂的JavaScript 代码片段

高效Web开发的10个jQuery代码片段

常用Javascript代码片段集锦

48个值得掌握的JavaScript代码片段(上)