知识大全如何快速掌握JavaScript面向对象编程

Posted 2022-07-20 知

篇首语：今日长缨在手，何时缚住苍龙。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全如何快速掌握JavaScript面向对象编程相关的知识，希望对你有一定的参考价值。

如何快速掌握JavaScript面向对象编程 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

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

　　 译文正文

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

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

　　 文本标记

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

　　 var bill =

　　上面的代码并不实用它只是一个空对象接下来我们动态地向这个对象中添加一些属性和方法

　　 bill name = “Bill E Goat”

　　 bill sound = function()

　　 console log( bahhh！ )

　　这里添加了属性name 并且给它分配了值“Bill E Goat” 我们并不需要先创建一个空对象而可以把所有代码直接写在一对括号里

　　 var bill =

　　 name “Bill E Goat”

　　 sound function()

　　 console log( bahhh！ )

　　是不是很美观？访问它的属性和方法就像呼吸一样简单自然

　　 bill name // “Bill E Goat”

　　 bill sound() // “bahhh”

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

　　 bill[ name ] // “Bill E Goat”

　　注意我在调用方法时在其后添加了圆括号现在我们再重写一下当前的sound方法并添加一个参数

　　　　bill sound = function(noise)

　　 console log(noise)

　　 bill sound(“brrr！”) // “brrr！” He s cold )

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

　　 bill sayName = function()

　　 console log( “Hello “ + this name )

　　 bill sayName() // “Hello Bill E Goat”

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

　　 bill sayName // function

知识大全 如何快速掌握JavaScript面向对象编程