脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-JavaScript重构:强化对象封装和模块封装,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。 JavaScript重构:强化对象封装和模块封装
1、类本身就是一种封装形式,先来看看最
简单的封装,JavaScript中没有
PRivate关键字,对于私有成员,不如我们
统一一个以下划线开头的命名来标识:
Js代码
VAR User = function(n
ame){
this._name = name;
this.getName = function(){
return _name;
};
};
2、
不过,上面的办法还不够好,我依然可以用user._name访问到这个变量。现在换个思路,通过使用var来定义User中的name属性,并且通过getName方法来给它暴露访问入口,实现了private一样的效果:
Js代码
var User = function(name){
var name =
arguments[0];
this.getName = function(){
return name;
};
};
User.SORT = 1;
var user = new User("
test");
alert(user.getName()); //正确打印
alert(user.name); //封装起来的私有成员,不能随意访问
alert(User.SORT); //类变量
3、通过匿名方法,把代码块的影响范围限制在一定区域内:
Js代码
(function($){
$.fn.extend({
sayHi : function(){
alert("Hi: " + this.get(0).tagName);
}
});
})(
jQuery);
jquery("body").sayHi();
上例中,外部由于命名冲突的关系,无法使用“$”来获取jQuery的引用,但是通过这样
匿名函数的调用,在函数实现内部依然可以使用到“$”,并且给JQuery的原型增加了一个sayHi的方法。
4、命名空间带来的封装,参见这篇博客。
5、通过合理规约JS文件的依赖关系和加载执行顺序,保证区域代码执行时对外部的访问范围:
Js代码
//首先加载URLUtil的类定义,再加载User的类定义,保证了依赖关系是User依赖于URLUtil,而不会
倒置,避免了在URLUtil的代码区域附近去访问User对象
var URLUtil = {
getURL : function(){
return "https://xxx";
}
};
&helli
p;…
var User = function(){
var url;
this.setURL = function(newUrl){
url = newUrl;
};
};
……
var user = new User();
user.setURL(URLUtil.getURL());
觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!
脚本宝典总结
以上是脚本宝典为你收集整理的javascript代码实例教程-JavaScript重构:强化对象封装和模块封装全部内容,希望文章能够帮你解决javascript代码实例教程-JavaScript重构:强化对象封装和模块封装所遇到的问题。
如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。