js面向对象

来源:互联网 发布:mac双系统 默认苹果 编辑:程序博客网 时间:2024/06/06 01:04

javacript的面向对象

我的室友是一个前端工程师,他们公司很拼,前几天他把一些东西带回来做,我看了他写的前端代码,本想好好讽刺一下他,但是他硬说自己用的是angularjs多么的牛逼(转移话题)。我一直辩论不过我的室友,因为他死人都能说活。。。即使我不懂很牛逼的angularjs,但是我想说;
他写的代码有问题,根本没有发挥js的面向对象,应为他的js中全是function。。。这完全是面向过程。

今天借鉴下mozilla基金的一篇文章来讲讲面向对象的js。

例如我们现在写一个表单提交的页面:我觉得我们应该这么写:

<script>    var form = {        //申明局部变量        ...        //初始化函数        init: function() {        },        //保存操作        save: function() {            ...        },        //取消操作        cancle: funtion() {        }    }</script>

因为保存取消都是这个form中的操作,而不应该整个js中都是函数,这样我们可以避免有很多的变量冲突,而且即时一个页面有很多的表单什么的,我们想修改哪一个函数只需要看那个对象中的方法就可以了,而不需要满文档的搜索。

还有一点,其实js中也是可以继承的,只不过用的不错,他是通过原型来继承,我们想继承一个类的时候只需要a.prototype=b.prototype,这样a就继承了b,就可以访问b的属性和方法。

由于我也不是一个前端,可能认识还是有点肤浅的,希望大家可以斧正。

0 0
原创粉丝点击