《小白H5成长之路21》JavaScript中的对象之道

“道生之,德畜之,物形之,势成之,知道这句话出自哪儿么?小白!”,老朱一大早神叨叨的跟小白说。

“不知道,肯定是古人说的吧!哈哈~”。

“这是道德经里面的一句话,说的是:世间万物最初的生机都是来源于“道”的那个生命原始海洋,都是“道生一,一生二,二生三,三生万物”而来的。我个人认为这是老子对对象非常好的一个总结,JavaScript里面的Object就是老子说的道,在JS中所有的对象都来自于Object对象。今天咱就聊一下Object。”

老朱接着说道:“Object就像道一样,它是所有对象的基础,它就像一张白纸,我们可以通过它绘制我们想要的各种东西。你知道的,对象包含属性、方法和事件,我们可以给Object添加不同的属性、方法和事件来达到我们处理功能的需求。你在以后做页面的时候可能会碰到这样一个情况,用户登录以后我们需要记录用户的基本信息,有时还要修改用户的经验值、积分等信息,在这个时候我们就可以通过Object创建一个用户(user)对象,然后给它添加属性和方法。”

“你看,现在我定义了一个user对象,然后通过点语法直接给他添加了三个属性uname、tel、img。现在我么输出一下这个对象的三个属性看看。”

小白不解的说道:“这跟定义三个变量有什么区别么?”

老朱说:“当然有了,通过对象我们把用户看成了一个整体,你要获取用户的信息或者修改用户的信息都需要先经过这个user对象,这对我们的设计是非常有用的。现在我们再增加一个修改用户经验的方法。”

“这样,只要用户在页面中操作的时候做了增长经验的事情,我们使用一次user.addEXP(经验值)的方法就可以达到修改经验的目的。”

“好了,对象这块暂时咱先说这么多,另外有个知识点你需要了解一下,在JavaScript中无论是整形、字符串、数组都是对象,他们也有自己的属性、方法和事件。比如字符串的length(长度)属性,数组的push方法等等,你可以重新看一下JavaScript中的数据类型把他们的属性方法过一遍加深一下记忆。”


想学H5的朋友可以关注老炉,您的关注是我持续更新《小白HTML5成长之路》的动力!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值