读书人

怎么在15分钟内掌握JavaScript面向对象

发布时间: 2012-07-23 09:42:19 作者: rapoo

如何在15分钟内掌握JavaScript面向对象编程
转自CSDN:http://sd.csdn.net/a/20120507/2805362.html

导读:经常看到一些JavaScript的代码脏乱得无法理解,到处都是属性和方法,或者一个循环套着一个循环。但如果使用面向对象就能很好的理清代码,并方便理解和修改代码。如果你不希望自己的代码只有上帝理解的话,就请尽量考虑使用面向对象的模式。

译文正文:

到处都是属性、方法,代码极其难懂,天哪,我的程序员,你究竟在做什么?仔细看看这篇指南,让我们一起写出优雅的面向对象的JavaScript代码吧!

作为一个开发者,能否写出优雅的代码对于你的职业生涯至关重要。随着像Node.js这类技术的发展,你甚至可以在服务器端使用JavaScript了。同样的,你也可以使用JavaScript来控制MongoDB的持续数据存储。

文本标记

文本标记只是JavaScript里创建对象的一种方法,当然这里肯定不止这一种,但它是你在只打算创建一个对象实例时的首选方法。

 
如果属性名不是一个合法的标志符,我们还可以这样访问它:


很好,我们已经传入参数了,并且在方法定义中访问了它。接下来,向对象中增加一个新方法来访问name属性。


我们可以使用this.propertyName(在本例中即this.name)在方法内访问属性。


这里我们在全局范围内定义了name变量,并且赋予了值"Bearded Octo"。当我们在调用sayHello方法时它会在全局范围内查找name变量,最终会获得值"Bearded Octo"。我们为什么不为这几个对象建立一个共同的“类”呢?

构造函数

构造函数是另一个编写面向对象JavaScript代码的方法,当你需要初始化对象的属性、方法,或者需要创建多个属性、方法各不相同的实例时,它将是你最佳的选择。同样我们先从创建一个空对象开始:


现在这个对象已经有自己的方法了!新创建对象时我们甚至可以传递属性,之后再修改。


也许你没看明白第二行的内容,其实是使用了三元操作来避免单行的if else,它和下面标准的if else语句是一个意思。


zelda.loveTitle(); // "I love Ocarina of Time"
这样就很整洁了,但是我们还能做得更好。我们可以在Game类中添加一个方法,这样所有Game类的实例将都能使用此方法。


后记:当然这只是JavaScript面向对象编程的入门,OO JS还有很多内容可以讲,如果你有什么特别希望了解的东西可以去作者的轻博客下方留言。

原文链接:http://beardedocto.tumblr.com/post/21920818233/oo-js-in-15mins-or-less

读书人网 >编程

热点推荐