zoukankan      html  css  js  c++  java
  • JavaScript神一样的变量系统

      话说上一篇介绍了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的变量类型,那咱们的目的也达到了。

  • 相关阅读:
    spring cloud 专题二(spring cloud 入门搭建 之 微服务搭建和注册)
    spring cloud 专题一 (spring cloud 入门搭建 之 Eureka注册中心搭建)
    mysql存储过程查询结果循环遍历 判断 赋值 游标等基本操作
    Jquery datatable 动态隐藏列(根据有无值)
    spring boot无法启动,或者正常启动之后无法访问报404的解决办法
    通过js给网页加上水印背景
    jdk动态代理原理
    关于loadrunner使用web_add_header添加HTTP信息头(比如Content-Type,token等)和使用
    IP路由及静态路由配置
    安装ie时,报:此安装不支持您的操作系统的当前语言
  • 原文地址:https://www.cnblogs.com/kevinJhuang/p/6111706.html
Copyright © 2011-2022 走看看