JavaScript神一样的变量系统

时间：2023-01-28 15:38:00

　　话说上一篇介绍了JavaScript故事版的身世之谜。看官你估计也明白JavaScript出生之时，就未曾托于重任。布兰登-艾奇估计也没料到今天的JavaScript变得如此重要。要不然，当年他也不会如此惜墨，竟然只搞了一个"Var"声明就海纳百川。当然不是说如此惜墨有什么重大缺陷，人家内部搞个类型推断那也是牛B轰轰的。话说微软那个c#也有个神奇的Var，有抄袭布兰登-艾奇Idea的嫌疑！

　　布兰登-艾奇如此惜墨，搞了个Var就算了，连咱们后端鞋同最熟悉的那些数据类型也省了。后端鞋同们一看这JavaScript，怎么连声明都简单得只有一个Var，咱们那帮熟悉的老友"int、float、double、char、long......"也消失了。同学们难以接受，一开始就有点鄙视这看上去缺胳膊少腿的Javascript。于是乎，同学们都不屑一顾，页面上的脚本就写得天马行空了，反正不ERROR就行。

　　本楼一番废话，不知道是否是道出了看官的心声。是的，JavaScript的变量系统被布兰登-艾奇这家伙简化了，专业上那叫“弱类型言语系统”。这玩儿是好是坏就不好定论了，当年本来就没打算让JavaScript干啥大活儿，简化设计也是时世所造。但是，鞋同们要想将JavaScript玩弄在手，那些if...else、do....while你可以鄙视，但是它的变量类型系统还是得要认真take a look！这也是本楼此番博文要一起共同学习的。

　　好！咱们的标题叫《JavaScript神一样的变量系统》，咱们就看看怎么个神法！

少而精的变量类型

　　鞋同们应该都有求职经历，当年楼主就被这样一个问题问倒了。“你说你js写得还可以，那请问js里面都有什么数据类型？”。瞬间哑火，当然你可以说js那简单的言语，不需要知道都有什么数据类型，也可以写得满屏纷飞。但是细节决定成败，楼主说不出，那offer可能也飞了。那javaScript到底有哪些数据类型，一句话：

　　数值类型只有一个(number)，字符串(string)少不了，真假(boolean)那也得留着，空值(null)加未定义(undefined)也是常用的，数组(Array)那肯定也跑不了，还有一个上帝object，外加一个让人头痛的function。

　　是的，就是上面这句话，或许可以让你拿到offer。但是上面这句话还得压缩来说，啥意思呢？意思是上面的话是展开的，那为何不先说压缩的，然后再说展开的呢？那是楼主我为了让你记忆深刻一些了。准确来说，上面说的类型都是咱们编码用到的具体类型，但是对于JavaScript的类型系统类型，真实的类型如下：

　　上帝Object包含了null、object(如var obj={.....})、array；number类型将所有一切数值类型的值都囊括其中；Boolean、String那几乎是任何言语都不缺少的；function、undefined是JavaScript特有的；且看如下代码：

　　

        var myVar=null;

        console.log("myVar is "+myVar+"  typeof="+typeof(myVar) );//结果：myVar is null  typeof=object

        var myVar5={name:"k"};

        console.log("myVar5 is "+myVar5+"  typeof="+typeof(myVar5));//结果：myVar5 is [object Object]  typeof=object

        var myVar6=[1,2,3,100];

        console.log("myVar6 is "+myVar6+"  typeof="+typeof(myVar6));//结果：myVar6 is 1,2,3,100  typeof=object

        var myVar1;

        console.log("myVar1 is "+myVar1+"  typeof="+typeof(myVar1));//结果：myVar1 is undefined  typeof=undefined

        var myVar2="kevin";

        console.log("myVar2 is "+myVar2+"  typeof="+typeof(myVar2));//结果：myVar2 is kevin  typeof=string

        var myVar3=100.000000001;

        console.log("myVar3 is "+myVar3+"  typeof="+typeof(myVar3));//结果：myVar3 is 100.000000001  typeof=number

        var myVar4=true;

        console.log("myVar4 is "+myVar4+"  typeof="+typeof(myVar4));//结果：myVar4 is true  typeof=boolean

        var myVar7=function(){}

        console.log("myVar7 is "+myVar7+"  typeof="+typeof(myVar7));//myVar7 is function (){}  typeof=function

　　

　　看了上面的类型定义，你或许已经找到了规律，无非是将数值类型统一为number了，再加了两个Javascript特有的function、undefined。是的，规律就是这样的，记住这句话面试

就没问题了。但是知道了具体的类型还不行，还得知道哪些是引用类型，哪些是值类型。这个也没啥好说的，记住就行：object、function、array是引用类型，其他均为值类型！

神一样的var声明

　　说这个var像神一样，是因为大部分情况下var定义的变量，你想它是啥就是啥；但绝非所有情况都是，比如"var res='123'+456;"，你千万别告诉我这是579！var除了你想啥就是啥的强大功能，它还有一个作用是用于JavaScript运行前的词法解析，可以起到那个听起来很高深的“变量提升”作用。由于涉及到JavaScript的词法解析，故本博文先不作说明，敬请关注后面的词法分析。

琢磨不透的作用域

　　作用域！作用域！作用域！难以捉摸的事情说三遍！这玩儿经常拿听起来很牛逼的闭包来做列子。说到底，作用域也是跟Javascript的词法解析密不可分。文章要是写得太长，看着也困，同时也由于词法解析的重要性，故本博文先不作说明，敬请关注后面的词法分析。

　　看完这博文，你要是记住JavaScript的变量类型，那咱们的目的也达到了。

相关文章