javascript组件封装原则

2019独角兽企业重金招聘Python工程师标准>>>

封装原则

1、闭包限定作用域
    使用闭包，将封装的函数与外界隔离，避免全局变量污染
    内部构造的类，在末尾将其暴露在全局下。
        ;(function($){
            function Card(){

            }
            window.Card = function(){
                return new Card();
            }
        })()

2、提供形参的默认值

        var default = {
            name:"123",
            age:"456"
        }
        var setting = $.extend({} , default , setting || {})

        tips:这时候的setting，将会是传入到函数的setting对象和default对象的并集

3、初始化值应放到插件外部
    var default = {
        name:"123",
        age:"456"
    }
    ;(function(setting){
        var setting = $.extend({} , default , setting || {})
    })(setting)

4、设置类的初始值
    function Card(){
        this.xxx = "aaa";
    }

5、方法与函数放到prototype内部
    这种方式可以避免重复创建相同的function
    Card.prototype = {
        init:function(){

        },
        save:function(){

        }
    }

6、提供set和get
    当传入的参数不同时，进行set或者get操作
    var abc = $("#container").card("off");
    $("#container").card("off",true);

转载于:https://my.oschina.net/LinearLawX/blog/1791115