【JavaScript】以小说的方式打开学习JavaScript的新大门

JavaScript是一种轻量级的动态编程语言，在诞生之时，JavaScript 并没有受到人们的过多关注，但是谁也想不到，在大前端快速风靡的今 天，JavaScript已经成为当今编程世界中优雅而不可或缺的一员。如果你 是一名编程初学者，刚刚学习完HTML和CSS，那你就不得不接触 JavaScript了。刚开始，你会用jQuery操作DOM，切换页面并写一写单 击事件，似乎觉得JavaScript也不过如此。然而，当你在for循环里面写 了一个setTimeout函数后，意想不到的结果发生了，这时你才明白前端 这“坑”，竟如此之深！

JavaScript就是这样一种看起来简单，却又很难精通的编程语言。

掌握JavaScript基础 

初入宗门

乐阳村处于脚本大陆东部的边缘地带，其民风淳朴，村民日出而 作、日落而息。某一日清晨，所有村民都来到了村口，正在为一个十五 六岁的少年送行。只见那个少年虽然身体瘦弱，可是目中却绽放出异 彩；身躯虽不壮实，倒也挺拔。 “叶小凡，你是我们全村人的骄傲，是百年来唯一具备修行 JavaScript甲等资质的孩子！马上会有千鹤派的大人来接你，今后你一定 要认真修行，给我们全村的人争光！” 他叫叶小凡，几天前通过了修行资质的检验，符合了修行JavaScript 的资质。 “千鹤派！”叶小凡眼前一亮，语气中伴随着激动，两眼放光。千鹤 派在脚本大陆是数一数二的大门派，每个宗门弟子都能够修炼一种神奇 的功法——JavaScript，修成之后，其威力之大，足以翻山倒海，称霸一 方天地！ 不多时，天气风云变化，一道长虹降下，瞬间变为一人。他身穿一 件玄青色的玉锦衣服，腰间绑着一根白色蟠螭纹革带，一头黑发，有着 一双清澈明亮的眼眸，身形颀长，当真是气宇轩昂、温文尔雅。 “你就是叶小凡？”男子淡淡开口，神识一扫，惊讶地发现此子的修 行资质竟为甲等，眼中闪过一丝惊讶。 “在下林元青，千鹤派青山院掌尊，你既然通过了考核，便具备了 修炼资质，你随我即刻上山，不得有误。” 叶小凡便告别众人，在林元青的术法之下随即化为一道长虹飞天而 去，留下了一脸惊讶的村民。 千鹤派分为三大院，分别为青山院、绿水院以及神秘的玄冰院。每 个院都有一个掌尊，林元青赫然便是青山院的掌尊！掌尊地位之高，仅 次于大长老；大长老之上，又有太上大长老。几乎只是两三次呼吸的时 间，林元青已经带着叶小凡来到了千鹤派的青山院。叶小凡两眼一花， 仿佛上一刻还在村口，下一刻就看到了千鹤派的阁楼。 “这里是……？”叶小凡一辈子都没有见过如此宏伟的建筑，忍不住 开口。一想到今后可以在这里修行，更是兴奋，“哈哈，我叶小凡今后 一定能突破层层障碍，成为JavaScript一代大师！” “这里是千鹤派的青山院。”林元青招来仆从，给叶小凡随意找了一 个住处，又给了一卷功法，吩咐了几句后，似乎还有其他要事，便立即 化为一道长虹离去了。 叶小凡拿起功法一看，上面赫然写着“JavaScript基础修炼要诀”几个 银光大字，他眼中放出异彩，一想到村中父老乡亲那期盼的眼神，便下 定决心，不混出个名头绝不回去！ 

直接量

叶小凡的住处被安排在青山院西北角的一个房间，虽不宽敞，倒也 干净。叶小凡两眼露出振奋的眼神，随便吃了点乡亲们准备的干粮后， 就立刻开始打坐修行。编程之修，重在积累，而非资质。资质虽然重 要，可是后天的努力更不可缺少。这些道理，叶小凡在还未上山之前 就已经熟知！因此，即便是资质平凡，但只要肯下苦功，一样可以修得 正果！叶小凡虽然具有甲等资质，但他依然不骄不躁，开始从 《JavaScript基础修炼要诀》第一页学起。 修炼要诀第一章——直接量。 编程世界中的直接量，就是表面上可以见到的数据值。常见的直接 量有数字、小数、字符串。修行者利用自身体内的能量，凝结出一个个 简单的直接量。叶小凡目前的修为较低，连最基本的学徒境界都没到， 体内能量薄弱，经过多次尝试，只能凝练出一些简单的数字，比如10、 20。忽然，叶小凡目光一闪，一个字符串在体内形成！叶小凡细细感 悟，原来是一个“Hello World”字符串，叶小凡善于观察，立刻发现了字 符串和数字的不同。字符串的出现必然带着双引号，被很好地包裹 住，而数字则是光秃秃的，如10或者20，没有双引号。 “原来，字符串一定需要用双引号包裹，那么单引号是否可行 呢？”叶小凡重新运气，转眼间，一个用单引号包裹的‘Hello World’就出 现了。见此，叶小凡大喜，哈哈，原来单引号也可以。

1 "Hello World"
2 'Hello World'

突然，这两个字符串和数字像是失去了依托，瞬间化为虚无。叶小 凡一惊，心道：看来直接创造出来的直接量只是昙花一现，无法持久存 在，要是有一个什么东西能把直接量装起来就好了。

变量的声明

叶小凡收起心神，继续阅读《JavaScript基础修炼要诀》，忽然间， 他眼前一亮。 “原来如此，直接量虽然只是昙花一现，但是如果能用var定义一个 变量，再将它指向那个直接量，就能有保存数据的妙用了！” 想到这里，叶小凡立即催动功法，定义了一个变量。

var a;

“成了！”，叶小凡开心地一拍手，心念一动，一个用双引号包裹 的“Hello World”字符串凭空出现。这一次，没等字符串遁入虚无，叶小 凡就立刻让变量a指向了这个字符串。

var a; 
a = "Hello World"; 

“嗯，有点麻烦，还不如直接合并为一句，先定义变量，然后指向 一个字符串，这种操作分成了两步，还是一步到位更好。”就在叶小凡 这么想的时候，代码立刻发生了变化。

var a = "Hello World";

原来这样也可以！

数据类型

修行还在继续，随着对要诀理解的深入，叶小凡明白，在编程世界 中，刚才的直接量都属于一种数据，如同人有男女之分一样，数据也是 有类型的。在JavaScript中，数据可分为两类，分别为原生数据类型 （primitive type）和对象数据类型（object type）。 叶小凡心念一动，数字“6”立刻浮现在他体内的内存元海中，同 时，为了不让数字消失，他还专门定义了一个变量指向这个数字。

var num = 6;

叶小凡心中已有明悟，这个数字和字符串都属于原生数据类型。那 么，还有其他原生数据类型吗？随着心念扫过要诀，一炷香的时间后， 叶小凡已经若有所悟。原来，原生数据类型包括数字、字符串、布尔 值，还有两个特殊的类型：null和undefined。 “布尔值，”叶小凡口中喃喃，“它是一种只有true和false两种状态 的类型。”嗯，就好像以前自己在村子里点蜡烛，要么蜡烛亮起来，要 么蜡烛熄灭，只有这两种状态。至于null和undefined，叶小凡略一皱 眉，结合秘籍，开始了感悟。 一炷香的时间过去了，叶小凡猛地睁眼，呼吸都有点急促。 “我明白了！从用法上来看，null和undefined都代表了直接量的空 缺，如果一个变量指向了其中任何一个，都代表false的含义，也表示没 有或空的概念。而从根本意义上讲，undefined要比null更加严重一点， 代表本不应该出现的错误，比如我刚才定义了一个变量a，但是我没有 把任何直接量赋给它，那么a就默认指向了undefined；而null不同，有的 时候，我需要给某些变量赋值null，以达到清空的目的。” 、

拓展阅读： JavaScript包括直接量和变量。首先说直接量，什么是直接量 呢？在JavaScript的世界里，直接量包含数值（如10/20）、逻辑值 （true/false）、字符串（如“nihao”）、null、undefined、对象和函 数。其中，函数也称方法，对象和函数会在之后的章节中慢慢介绍。 你暂时可以认为对象是存放数据的一个容器，而函数是应用程序处理 某一系列逻辑的一个过程设计。 null是一个特殊的关键字，表示没有值；null也是一个原始值， 因为JavaScript是大小写敏感的，所以null和Null、NULL或者其他变 量是有区别的。 undefined是一个顶级属性，它代表某一个变量未定义。同样， undefined也是一个原始值。 说完直接量，再来说变量。所谓变量，就是指向了某个直接量或 者其他变量的“钥匙”。比方说，把一个直接量true比作一扇门，然后 定义一个变量flag，最后通过赋值运算符“=”将这个true赋值给flag， 这样就完成了一个变量的绑定。 从此以后，你在别处使用变量flag，也就相当于使用了直接量 true。简单来说，就是这么回事。

.....

其实这里的内容就是出自于一篇很优秀的书籍《javascript百炼成仙》，如果有想要学习的小伙伴可以私信博主获取相关的资源噢（其实就是传不了电子资源）。