JS初学者JavaScript面向对象知识分析
来源：爱站网时间：2020-10-30编辑：网友分享
对于网站开发人员来说，JavaScript是必备的语言，但是随着jQuery等框架的普及和使用，很多人对原生JavaScript缺乏深入的理解，习惯了函数式的编辑风格，本文是爱站技术频道小编介绍的JS初学者JavaScript面向对象知识分析，一起来学习吧！
对于网站开发人员来说，JavaScript是必备的语言，但是随着jQuery等框架的普及和使用，很多人对原生JavaScript缺乏深入的理解，习惯了函数式的编辑风格，本文是爱站技术频道小编介绍的JS初学者JavaScript面向对象知识分析，一起来学习吧！
复制代码 代码如下:
var obj = document.getElementById("name");
function clickMe() {
alert(this.value);
this.value += "!!!!";
alert(this.value);
}
var ActionBinder = function() {//定义一个类
}
ActionBinder.prototype.registerDOM = function(doms) {
this.doms = doms;//注册doms
}
ActionBinder.prototype.registerAction = function(handlers) {
this.handlers = handlers;//注册一个动作
}
ActionBinder.prototype.bind = function() {
this.doms.onclick = this.handlers
}//注册doms的动作
var binder = new ActionBinder();//按照ActionBinder的方法新建一个类
binder.registerDOM(obj);
binder.registerAction(clickMe);
binder.bind();
先上一段用js写的面向对象的代码，先建立一个ActionBinder的类，写法上也类似于java；因为js是基于html的dom对象来操作html的内容，在类中定义一个注册dom的方法registerDOM，用prototype将该方法原型化，方便调用；另外再增加一个注册事件的方法registerAction，也用prototype方法原型化；最后再用一个原型化的动作bind将已注册的dom和已注册的事件绑定在了一起，并执行。
再上一段原始的js代码片段:
Code
复制代码 代码如下:
代码也实现了要的效果，对于一些简单的应用，上面那段效果能够满足，但对于比较复杂的一些程序，应用起来就比较麻烦，代码上写起来也较繁琐;如代码片段
Code
复制代码 代码如下:
或者
Code
复制代码 代码如下:
当然上面两段代码也有其他一些更简单的写法，总的来说还是出现很多冗余的代码。
用面向对象的方法写就比较灵活，如
Code
这样就不会有冗余的代码，而且js逻辑上也比较清爽，对于多个事件的绑定还有待研究。
爱站技术频道小编为大家介绍的JS初学者JavaScript面向对象知识分析就到这里了，想要运用好所学的知识，就一定要有个自己的思维模式，不然是很难成功的。
