封装自己的js库

最新推荐文章于 2022-12-27 05:08:51 发布

chengweng2602

最新推荐文章于 2022-12-27 05:08:51 发布

阅读量101

点赞数

原文链接：https://my.oschina.net/u/3147332/blog/807019

版权

本文介绍了JavaScript中使用立即执行函数表达式（IIFE）进行模块封装的方法，包括命名空间的创建，私有变量和公共方法的实现。通过具体示例展示了如何在IIFE中定义私有变量和函数，并将其暴露为公共API。

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

1、

(function() {

    window.jin = {}; //命名空间

    var getId = function(id) {

        return document.getElementById(id)

    };

    jin.getId = getId; //将函数注册到命名空间上

})();

2、

(function(){

var getId=function(id){

return document.getElementById(id)

};

window.jin={

getId:getId

}

})();

3、

var MobilePhone = (function() {
//私有属性
var count = 0; //代表手机的数量
var index = 0; //代表手机的索引

var creatphone = function(color, size, price) {　//构造函数
count++;　　　　　　　　
this._color = color; //手机的颜色
　　　　　　　　
this._size = size; //手机的大小
　　　　　　　　
this._price = price; //手机的价格
　　　　　　　　
this.index = count; //手机索引，是第几台创建的手机手象
　　　　　　
}　　　　　 //公有方法，存放在原型对象中
creatphone.prototype = {
// "constructor": creatphone,
"getColor": function() {
return this._color;
},
"setColor": function(color) {
this._color = color;
},
"getSize": function() {
return "width:" + this._size.width + " height:" + this._size.height;
},
"setSize": function(size) {
this._size.width = size.width;
this._size.height = size.height;
},
"getPrice": function() {
return this._price;
},
"setPrice": function(price) {
this._price = price
}
}
//特权方法
creatphone.get_count_index = function() {
return count
}

return creatphone;
})()
var anycall1 = new MobilePhone("白色");
var anycall2 = new MobilePhone("红色");