javascript百炼成仙 第一章 掌握JavaScript基础1

“小娃娃，相见是缘，既然你感兴趣我便教你一教。你且听好，在JavaScript中，数据可分为两类，分别为原生数据类型和对象数据类型。所谓对象数据类型，是一种复合型的数据类型。它可以把多个数据放到一起，就好像一个篮子一样。在这个篮子里面的每一个数据，可以看做是一个单元，他们都有自己的名字和值。”

叶小凡被叶老的话深深地打动了，立刻聚精会神地听起来。

“现在你相信了，我可还是妖怪？”

叶小凡嘿嘿一笑，重新把戒指戴好。

“小娃娃，你叫什么？”

“叶小凡！”

“嗯，老夫姓叶你也姓叶，确实有缘。小娃娃，我且问你，你可愿意拜我为师？”

“弟子愿意！”

说完，叶小凡将戒指摘下放在身前的岩石之上，开始行拜师之礼。叶老虽然没有形体，但是却能看到一清二楚，待所有礼节完毕，叶老这才满意地点了点头。

“很好，小娃娃，你可听好。对象数据类型比起原生的数据类型可以说是强大了不少，原生数据类型，比如数值型，浮点型，boolean类型等，都是只能存放一些直接量，也就是说，单一的数据。而对象类型却是可以存放一大堆数据的集合。这些数据都有自己的名字，比如…”

忽然，叶小凡心头一亮，感觉有一种清晰的画面传来。

“我现在没有形体，但是却可以用意念来给你做演示，小娃娃，你且看好。现在我给你创建一个对象。”

var container = {};

“创建对象就是用一个大括号吗？”

“这是创建对象的一种方式，也是最常用的方式。创建对象以后，你就相当于开辟了一块内存，对象包含若干的数据。每一个数据都有自己的名字和值。对象好比是一个容器，现在我在这个容器里面放一个数据，你且看好！”

var container = {

caoyao : “草药”

};

“小娃娃，你可有看明白？”

“前辈，您刚才说对象数据类型里面可以放若干个数据，那现在里面是不是有一个数据。数据的名字叫做caoyao，值是字符串类型的草药？”。叶小凡两眼放光，回答道。

“嗯，小娃娃，看来你的悟性还可以。在这个例子中，caoyao也叫作键，草药叫做值。它是一种键值对的形式。”叶老哈哈大笑。

“键值对，键值对。一个键对应一个值，一个键和一个值就凑成了一对。键和值中间用冒号。哦，我明白了！”叶小凡恍然大悟，随即又问到，“那么，前辈老爷爷，您方才不是说对象数据类型里面可以放若干个数据吗。现在里面只有一个，怎么加第二个呢？”

“嗯，小娃娃，你这个问题问得很好。你且听好，如果你想要在一个对象里面添加新的数据，就需要加一个逗号，然后写上新的键值对就行了。”

var container = {

caoyao : “解毒草” ,

feijian: “乌木剑”

};

“小娃娃，我现在给你演示的方式，是在创建对象以后立刻在对象里面设置键值对。其实还有另外的办法，那就是在对象创建之后，再在外面对这个对象的变量进行操作。你看好。我现在用新的办法改写刚才的例子。”

var container = {};

前端框架

前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。

以 Vue 为例，我整理了如下的面试题。