javascript静态类简单来说就是不用通过new来创建的类,可以直接使用,就像javascript的内置全局类,如Math、Object一样。
javascript静态类写法
var myClass = { name: "雨打浮萍", value: "http://www.rainleaves.com", run: function(){ alert("run"); } }
这样就可以实现一个基本的javascript静态类写法,但基本没什么意义,无非是啥定义几个变量。
我们换个javascript静态类写法
var myClass = (function(){ var _name = "雨打浮萍"; var _value = "http://www.rainleaves.com"; var privateValue = "rainleaves"; var main = function(){ alert(this.name); alert(_name); myMethod(); }; var myMethod = function(){ alert(privateValue); } return{ name:_name, value:_value, main:main } })();
这样,通过 (function(){ return{} })();闭包的形式,返回一个类,赋值给myClass。这样就可以通过闭包营造一个私有环境,保护
privateValue等私有属性,可以是代码更结构化。
在此段代码中_name,_value通过引用赋值给myMethod.name和myMethod.value,同时main方法也被公开为公有属性,而privateValue和myMethod一直为私有方法,隐藏在闭包之内。
运行
myClass.main(); //运行结果:打印两次雨打浮萍,一次rainleaves myClass.name = "雨打浮萍Rainleaves"; myClass.main(); //运行结果:分别打印雨打浮萍Rainleaves、雨打浮萍、rainleaves
在实际使用中,我们通过JavaScript静态类来将每一个页面的逻辑分别封转在不同的类中,相互不干扰,同时还可以在最这些类定义到一个总的静态类中,实现代码块状化,结构清晰。如:
var Manage = {}; Manage.myClass = (function(){ return{} })(); Manage.myClass2 = (function(){ return{} })(); ...