js封包

在独立的js文件里做封包:

(function (parm) {
    'use strict';
    var Common = function(){        
        this.name ="john";
        this.age = 20;    
    }
    Common.prototype.setInfo = function(str,n)
    {
        this.name = str;
        this.age = n; 
    }    
    Common.prototype.showInfo = function()
    {
        console.log("Name="+this.name+",Age="+this.age );
    }    
    parm.MyObject= new Common();
    
})(window);

在html调用:

这时MyObject就成为了全局变量.可以直接调用MyObject.showInfo()显示名字和年龄, 用MyObject.setInfo("tom",25) 来设置信息

 

 

 

=====形式2=========

(function(win){
    var u = {};
    var role = {};
    var num = 100;
    u.showInfo=function()
    {
        console.log("show number ="+num);
    };
    u.setInfo=function( n )
    {
         num = n;
         console.log("set number ="+num);
    };
    role.age = 23;
    role.name = "jack";
    role.score = 98;

/***end***/
    win.$tool = u; //定义$tool作为对外全局变量使用
    win.people = role; //定义people作为对外全局变量使用  
    

})(window);