用面向对象的编程思想去写js

有时候，还会看到一些搞前端的朋友或者苦逼被迫兼职写前端的后端朋友，去写js的时候，还是一个方法一个方法的去罗列。

就像下面这样：

function click1(){
alert("1");
}
function click2(){
alert("2");
}
function click3(){
alert("3");
}

或者高级一点的就这么写：

var MyClass;

MyClass.prototype.add = function () {
alert("this is add");
};

MyClass.prototype.reduce = function () {
alert("this is reduce");
};

其实这种方法已经很不错了，就是用面向对象的编程思想去写的，但是感觉还是罗列，不够完美，后期维护找起来也比较麻烦。

在这里，推荐一种更直观更系统的写法以供大家参考。

var MyClass = {
//定义属性
//定义私有属性
_flag : true,
_arr : [],

//定义公有属性（在外部可调用）
tips : "hello world",

//定义私有方法
_init : function () {
this._flag = false;
},

//定义公有方法（在外部可调用）
myAdd : function () {
this._init();
if (!this._flag){
alert(this.tips);
}
}
};

$(function () {
MyClass.myAdd();
});

以一个类封装所有的属性和方法，如果只允许在类内部调用的属性和方法用“_”来加以区分。

需要注意的问题是，一定要注意this的作用域~~~

怎么样，这样写是不是感觉立马高大上棒棒哒啦~~

欢迎大家加入我的QQ群：484805249

来一起讨论前端技术，互相学习。写的不到位的地方，还请指教。