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

JavaScript神一样的变量系统的更多相关文章

  1. JavaScript获取客户端计算机硬件及系统等信息的方法

    JavaScript获取客户端计算机硬件及系统等信息的方法 JavaScript 获取客户端计算机硬件及系统信息 通过WMI来实现获取客户端计算机硬件及系统信息: function getSysInf ...

  2. JavaScript获取后台C#变量以及调用后台方法

    http://www.educity.cn/develop/495493.html 有时需要在JavaScript中获取后台变量的值,来判断JavaScript的执行逻辑,或者需要调用C#后台方法获取 ...

  3. 原生 javascript 学习之 js变量

    1.变量的命名 方法的命名(驼峰命名法) 全部小写 : 单词与单词之间全部下划线 (my_namespace) 大小写混合 : 第一个单词首字母小写其他单词首字母大写. 规则 首字符 英文字母或下划线 ...

  4. JavaScript的作用域和变量对象

    变量对象 先来说说什么是变量对象.变量对象中又存储了什么东西吧. JavaScript中的运行环境包含全局运行环境和函数运行环境这两种,每进入到一个运行环境都会创建一个变量对象,这个对象中记录了在当前 ...

  5. javascript基础语法备忘录-变量和数据类型

    //javascript基础语法备忘录-变量和数据类型 // 定义变量使用var关键字 后面跟变量名,不要使用eval 和arguments为变量名 var message = "hi&qu ...

  6. MySQL的变量--系统变量、状态变量

    MySQL的变量分为以下两种:1)系统变量:配置MySQL服务器的运行环境,可以用show variables查看2)状态变量:监控MySQL服务器的运行状态,可以用show status查看 一.系 ...

  7. 护卫神·云查杀系统V4.0-安全检测部分

    感谢使用护卫神·云查杀系统,该软件专门查杀网页木马,完全免费,欢迎大家使用.    护卫神·云查杀系统 下载地址:http://down.huweishen.com/free/HwsKill.zip ...

  8. nginx的变量系统

    本来想写一下nginx的脚本引擎的,但是看起来实在是有点庞大,一时间还不知道该从哪里写比较好.就先写一下他的变量系统吧,这是脚本引擎非常重要的组成部分. 首先为了表述清楚先规定几个术语吧 内置变量:n ...

  9. 【javascript】详解变量,值,类型和宿主对象

    前言 我眼中的<javascript高级程序设计> 和<你不知道的javascript>是这样的:如果<javascript高级程序设计>是本教科书的话, < ...

随机推荐

  1. Linux VPS 基本命令

    我们Linux VPS用命令才能管理他,我们来罗列一些基本和简单的Linux的命令 1.lsls / 查看根目录ls -a / 查看根目录下所要文件,包括隐藏文件ls -l / 详细列出目录下文件的权 ...

  2. loadrunner ---<三>循环输出关联数组

    web_reg_save_param,将Ord参数值设定为ALL,则关联函数将自动把符合条件的关联值保存到参数数组里.在本例中,假设关联值返回三条记录,则LR分别将值保存到sor_1,sor_2,so ...

  3. 【转】JavaSript模块规范 - AMD规范与CMD规范介绍

    JavaSript模块化   在了解AMD,CMD规范前,还是需要先来简单地了解下什么是模块化,模块化开发?       模块化是指在解决某一个复杂问题或者一系列的杂糅问题时,依照一种分类的思维把问题 ...

  4. Java条件语句之 switch

    当需要对选项进行等值判断时,使用 switch 语句更加简洁明了.例如:根据考试的名次,给予前 4 名不同的奖品.第一名,奖励笔记本一台:第二名,奖励 IPAD 2 一个:第三名,奖励移动电源一个:最 ...

  5. 用 Javascript 获取页面大小、窗口大小和滚动条位置

    页面大小.窗口大小和滚动条位置这三个数值在不同的浏览器例如 Firefox 和 IE 中有着不同的实现.即使在同一种浏览器例如 IE 中,不同版本也有不同的实现. 本文给出两个能兼容目前所有浏览器的 ...

  6. python中的文件

    Python文件 1.    概述 文件对象不仅可以用来访问普通的磁盘文件,也可以访问任何其他类型抽象层面上的文件. 内建函数open()以及file()提供了初始化输入输出(I/O)操作的通用接口. ...

  7. java开发eclipse常见问题(一)The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path

    最近刚开始用Eclipse开发,刚开始都是按教程一步一步的新建web工程也没出现什么问题. 今天选了一个新的workspace,建了个web工程发现最简单的jsp页面都报错:The superclas ...

  8. gem 相关命令

    gem #查看gem源 gem sources # 删除默认的gem源 gem sources --remove http://rubygems.org/ # 增加taobao作为gem源 gem s ...

  9. 前端复习-03-接上面ajax跨域问题的解决与探索

    废话不多少 ..我估计一万个人都搞不清楚 什么是跨域 然后就被这堵墙无情的挡住了..我尝试了很多办法解决这个问题.后来再慕课网上的一个老师的ppt那里看到一张图 我觉得 能记住这张图的话 应该就算是深 ...

  10. 实体框架 (EF) 入门 => 二、在全新的数据库中使用 Code First

    学习资料:http://msdn.microsoft.com/zh-cn/data/jj193542 视频建立的控制台应用程序,我在这里使用MVC. 一.非常有磁性的,非常优雅 很喜欢看这个人的视频, ...