变量

  • ECMAScript变量是松散类型的,即可以保存任何类型的数据。
  • 初始化变量不会把它标记类型,初始化的过程只是给变量付一个值,因此可以在修改变量的同时修改值的类型。但并不推荐这样做。
  1. var message ="hi";
  2. message =100;// 有效,但不推荐
  • 使用var操作符定义的变量将称为定义该变量的作用域中的局部变量。也就是说,如果在函数中使用使用var定义一个变量,那么这个变量在函数推出后就会被销毁。例如:
  1. function test(){
  2. var message ="hi";// 局部变量
  3. }
  4. test();
  5. alert(message);// Uncaught ReferenceError: message is not defined(…)

如果像下面这样省略var操作符,那么可以创建一个全局变量:

  1. function test(){
  2. message ="hi";// 全局变量
  3. }
  4. test();
  5. alert(message);// "hi"

这样只要调用过一次test()函数,这个变量就有了定义,就可以在函数外部的任何地方被访问到。

虽然省略了var操作符可以定义全局变量,但这也不是我们推荐的做法。因为在局部作用域中定义的全局变量很难维护,而且如果有意地忽略了var操作符,也会由于相应变量不会马上就有定义而导致不必要的混乱。给未经声明的变量赋值在严格模式下会导致ReferenceError错误。

数据类型

  • ECMAScript中有5种简单数据类型(也称基本数据类型):Undefined、Null、Boolean、Number和String。还有1中复杂数据类型——Object,Object本质上是由一组无序的名值对组成。
  • 检测给定变量的数据类型——typeof就是负责提供这方面信息的操作符。对一个值使用typeof操作符可能返回下列某个字符串:
    • "undefined"——如果这个值未定义;
    • "boolean"——如果这个值是布尔值;
    • "string"——如果这个值是字符串;
    • "number"——如果这个值是数值;
    • "object"——如果这个值是对象或null;
    • "function"——如果这个值是函数。

      从技术角度讲,函数在ECMAScript中是对象,不是一种数据类型。然而,函数也确实有一些特殊的属性,因此通过typeof操作符来区分函数和其他对象是有必要的。

  • Undefined类型
    Undefined类型只有一个值,即特殊的undefined。在使用var声明变量但未对其加以初始化时,这个变量的值就是undefined,例如:
  1. var message;
  2. alert(message ==undefined);// ture

这个例子与下面的例子是等价的:

  1. var message =undefined;
  2. alert(message ==undefined);// true

这个例子使用undefined值显示初始化了变量message。但我们没有必要这么做,因为未经初始化的值默认就会取得undefined。
对未初始化的变量执行typeof操作符会返回undefined,而对未声明的变量执行typeof操作符同样也会返回undefined。

  1. var message;// 这个变量声明后默认取得undefined值
  2. // 下面这个变量并没有声明
  3. // var age
  4. alert(typeof message);// "undefined"
  5. alert(typeof age);// "undefined"
  • Null类型
    Null类型是第二个只有一个值的数据类型,这个特殊的值就是null。从逻辑角度来看,null值表示一个空对象指针。这正式用typeof操作符检测null值返回"object"的原因。
  1. var car =null;
  2. alert(typeof car);// "object"

如果定义的变量准备将来用于保存对象,那么最好将变量初始化为null而不是其他值。
实际上,undefined值是派生自null值的,因此ECMA-262规定它们的相等性测试要返回true:

  1. alert(null==undefined);// true
  • Boolean类型
    该类型只有两个字面值:true和false。这两个值与数字值不是一回事,因此true不一定等于1,而false也不一定等于0.
    Boolean类型的字面值true和false是区分大小写的。也就是说,True和False(以及其他的混合大小写形式)都不是Boolean值,只是标识符。
    要将一个值转换为其对应的Boolean值,可以调用转型函数Boolean()。返回的值是true和false,取决于要转换至的数据类型及其实际值。
数据类型 转换为true值 转换为false值
Boolean true false
String 任何非空字符串 ""(空字符串)
Number 任何非零数字值(包括无穷大) 0和NaN
Object 任何对象 null
undefined N/A(不适应) undefined
  • Number类型
    这种类型使用IEEE754格式来表示整数和浮点数值。
    最基本的数值字面量格式是十进制整数,还有八进制和16进制。八进制字面值的第一位必须是零,然后是八进制数字序列(0~7)。如果字面值中的数值超出了范围,那么前导零将被忽略,后面的数值将被当作十进制数值来解析。
    八进制字面量在严格模式下是无效的,会导致支持的JavaScript引擎抛出错误。
    十六进制字面值的前两位必须是0x,后跟任何十六进制数字(0~9及A~F),字母大小写都行。
    在进行算术计算时,所有以八进制和十六进制表示的数值最终都将被转成十进制数值。
    ECMAScript能够表示的最小数值保存在Number.MIN_VALUE中——在大多数浏览器中,这个值是5e-324;能够表示的最大数值保存在Number.MAX_VALUE中——在大多数浏览器中,这个值是1.7976931348623157e+308。
    如果计算结果超出范围,则被自动转换成额数的Infinity值,确切的说是-Infinity(负无穷)和Infinity(正无穷)。可以使用isFinite()函数判断数值是不是在最小和最大的数值之间,若在返回true。
    NaN,即非数值(Not a Number)是一个特殊的数值,这个数值用于表示一个本来要返回数值的操作数未返回数值的情况(这样就不会抛出错误了)。例如,任何数值除以0会返回NaN,因此不会影响其他代码的执行。
    NaN有个非同寻常的特点:首先,任何涉及NaN的操作(如NaN/10)都会返回NaN,这个特点在多步计算中可能导致问题。其次,NaN与任何值都不想等,包括NaN本身。
  1. alert(NaN==NaN);// false

isNaN()函数接受一个参数,该参数可以是任何类型,而函数会帮我们确定这个参数是否“不是数值”。isNaN()在接收到一个值之后,会尝试将这个值转换为数值。某些不是数值的值会直接转换为数值,例如字符串“10”或Boolena值,而任何不能被转换成数值的值都会导致这个函数返回true:

  1. alert(isNaN(NaN));// true
  2. alert(isNaN(10));// false
  3. alert(isNaN("10"));// false (被转换为数值10)
  4. alert(isNaN("blue"));// true (不能转换为数值)
  5. alert(isNaN(true));// false (被转换为数值1)

有3个函数可以把非数值转换为数值:Number()、parseInt()和parseFloat()。第一个函数,即转型函数Number()可以用于任何数据类型,而另两个函数则专门用于把字符串转换成数值。
Number()函数的转换规则如下:

  1. 如果是Boolean值,true和false将分别转换为1和0.
  2. 如果是数字值,只是简单的传入和返回。
  3. 如果是null值,返回0.
  4. 如果是undefined,返回NaN。
  5. 如果是字符串,遵循下列规则:
    • 如果是字符串中只包含数字(包括前面带加号或头号的情况),则将其转换为十进制数值,即"1"会变成1,"123"会变成123,而"011"会变成11(前导的零被忽略了);
    • 如果字符串中包含有效的浮点格式,如"1.1",则将其转换为对应的浮点数值(同样,也会忽略前导零);
    • 如果字符串中包含有效的十六进制格式,例如"0xf",则将其转换为相同大小的十进制整数值。
    • 如果字符串是空的(不包含任何字符),则将其转换为0;
    • 如果字符串中包含上述格式之外的字符,则将其转换为NaN。
  6. 如果是对象,则调用对象的valueof()方法,然后依照前面的规则转换返回的值。如果转换的结果是NaN,则调用对象的toString()方法,然后再次照前面的规则转换返回的字符串值。
  1. var num1 =Number("hello World!");//NaN
  2. var num2 =Number("");// 0
  3. var num3 =Number("00000011");// 11
  4. var num4 =Number(true);// 1

parseInt()函数在转换字符串时,更多的看是否符合数值模式。

  1. 它会忽略字符串前面的空格,直至找到第一个非空格字符。
  2. 如果第一个字符不是数字字符或者负号,parseInt()就会返回NaN。
  3. parseInt()转换空字符串会返回NaN(Number()对空字符返回0)。
  4. 如果第一个字符是数字字符,parseInt()会继续解析第二个字符,知道解析完所有后续字符或者遇到了一个非数字字符。例如,"22.5"会被转换成22,因为小数点并不是有效的数字字符。
  5. 如果字符串以"0x"开头且后跟数字字符,就会将其当作一个十六进制整数;如果字符串以"0"开头且后跟数字字符,则会将其当作一个八进制数来解析(在解析八进制字面量的字符串时,ECMAScript3和5存在分歧,3认为是八进制,而5认为是十进制)。
  1. var num1 = parseInt("1234blue");// 1234
  2. var num2 = parseInt("");// NaN
  3. var num3 = parseInt("0xA");// 10
  4. var num4 = parseInt("22.5");//22
  5. var num5 = parseInt("070");// 70 (ECMAScript3中转换为56)
  6. var num6 = parseInt("70");//70
  7. var num7 = parseInt("0xf");//15

转换时可以为这个函数提供第二个参数:转换时使用的基数(即多少进制)。如果知道要解析的值是十六进制格式的字符串,那么指定基数16作为第二个参数,可以保证得到正确的结果。例如:

  1. var num = parseInt("0xAF",16);// 175

实际上,如果指定了16作为第二个参数,字符串可以不带前面的"0x",如下:

  1. var num1 = parseInt("AF",16);// 175
  2. var num2 = parseInt("AF");// NaN

指定基数会影响到转换的输出结果。例如:

  1. var num1 = parseInt("10",2);// 2
  2. var num2 = parseInt("10",8);// 8
  3. var num3 = parseInt("10",10);// 10
  4. var num4 = parseInt("10",16);// 16

为了避免错误的解析,建议无论在什么情况下都要指明确定基数。
parseFloat()也是从第一个字符开始解析,一直解析到字符串末尾,或者解析到遇见一个无效的浮点数字字符为止。字符串中的一个小数点是有效的,而第二个小数点就是无效的,例如"22.34.5"将会被转换成"22.34"。
parseFloat()函数始终都会忽略前导零,十六进制格式的字符串会始终会被转换成0。由于parseFloat()只解析十进制值,因此它没有第二个参数指定基数的用法。
如果字符串包含的是一个可解析为整数的数(没有小数点,或者小数点后都是零),parseFloat()会返回整数。

  1. var num1 = parseFloat("1234blue");// 1234 (整数)
  2. var num2 = parseFloat("0xA");// 0
  3. var num3 = parseFloat("22.5");// 22.5
  4. var num4 = parseFloat("22.34.5");// 22.34
  5. var num5 = parseFloat("0908.5");// 908.5
  6. var num6 = parseFloat("3.125e7");// 31250000
  • String类型
    String类型用于表示由零个或多个16位Unicode字符组成的字符序列,即字符串。
    String数据类型包含一些特殊的字符字面量,也叫转义序列,用于表示非打印字符,或者具有其他用途的字符。
\n 换行
\t 制表
\b 空格
\r 回车
\f 换页
\ 斜杠
\' 单引号,在用单引号表示的字符串中使用。如:'He said,\'hey.\''
\" 双引号,在用双引号表示的字符串中使用。如:"He said,\"hey.\""
\x nn 以十六进制代码nn表示的一个字符(其中n为0~F)。如:\x41表示"A"
\u nnnn 以十六进制代码nnnn表示的一个Unicode字符(其中n为0~F)。如\u03a3表示希腊字符∑

ECMAScript中的字符串是不可变的,就是说,字符串一旦创建,它们的值就不能改变。要改变某个变量保存的字符串,首先要销毁原来的字符串,然后再用另一个包含新值的字符串填充该变量。
把一个值转换为一个字符串有两种方法,第一种是使用toString()方法。

  1. var age =11;
  2. var ageAsString = age.toString();// "11"
  3. var found =true;
  4. var foundAsString = found.toString();// "true"

数值、布尔值、对象和字符串值都有toString()方法。但null和undefined值没有这个方法。
给toString()传入数值的基数,可以输出以二进制、八进制、十六进制,乃至其他任意有效进制格式表示的字符串。例如:

  1. var num =10;
  2. alert(num.toString());// "10"
  3. alert(num.toString(2));// "1010"
  4. alert(num.toString(8));// "12"
  5. alert(num.toString(10));// "10"
  6. alert(num.toString(16));// "a"

再不知道要转换的值是不是null或undefined的情况下,还可以使用转型函数String(),这个函数能将任何类型的值转换为字符串,它遵循的规则为:

  1. 如果值有toString()方法,则调用该方法(没有参数)并返回相应的结果;
  2. 如果值是null,则返回"null";
  3. 如果只是undefined,则返回"undefined";
  1. var valu1 =10;
  2. var valu2 =true;
  3. var valu3 =null;
  4. var valu4;
  5. alert(String(valu1));// "10"
  6. alert(String(valu2));// "true"
  7. alert(String(valu3));// "null"
  8. alert(String(valu4));// "undefined"

把某个值转换为字符串,可以使用加号操作符把它与一个字符串("")加在一起。

  • Object类型
    ECMAScript中的对象就是一组数据和功能的集合。
    对象可以通过执行new操作符后跟要创建的对象类型的名称来创建。而创建Object类型的实例并为其添加属性和(或)方法,就可以创建自定义对象。
    var o = new Object();
    在ECMAScript中,Object类型是所有它的实例的基础,也就是说,Object类型所具有的任何属性和方法也同样存在于更具体的对象中。
    Object的每个实例都具有下列属性和方法:

    • Constructor:保存着用于创建当前对象的函数。对于前面的例子而言,构造函数(constructor)就是Object().
    • hasOwnProperty(propertyName):用于检查给定的属性在当前对象实例中(而不是在实例的原型中)是否存在。其中,作为参数的属性名必须已字符串形式指定(例如:o.hasOwnProperty("name"))。
    • isPrototypeOf(object):用于检查传入的对象是否是另一个对象的原型。
    • propertyIsEnumerable(propertyName):用于检查给定的属性是否能够使用for-in语句来枚举。与hasOwnProperty()方法一样,作为参数的属性名必须以字符串形式指定。
    • toLocaleString():返回对象的字符串表示,该字符串与执行环境的地区对应。
    • toString():返回对象的字符串表示。
    • valueOf():返回对象的字符串、数值或布尔值表示。通常与toString()方法的返回值相同。

《JavaScript高级程序设计(第三版)》-2的更多相关文章

  1. 《从零开始做一个MEAN全栈项目》(1)

    欢迎关注本人的微信公众号"前端小填填",专注前端技术的基础和项目开发的学习. 在本系列的开篇,我打算讲一下全栈项目开发的优势,以及MEAN项目各个模块的概览. 为什么选择全栈开发? ...

  2. 《从零开始做一个MEAN全栈项目》(2)

    欢迎关注本人的微信公众号"前端小填填",专注前端技术的基础和项目开发的学习.   上一节简单介绍了什么是MEAN全栈项目,这一节将简要介绍三个内容:(1)一个通用的MEAN项目的技 ...

  3. 《从零开始做一个MEAN全栈项目》(3)

    欢迎关注本人的微信公众号"前端小填填",专注前端技术的基础和项目开发的学习. 上一篇文章给大家讲了一下本项目的开发计划,这一章将会开始着手搭建一个MEAN项目.千里之行,始于足下, ...

  4. 《从零开始做一个MEAN全栈项目》(4)

    欢迎关注本人的微信公众号"前端小填填",专注前端技术的基础和项目开发的学习. 在上一篇中,我们讲了如何去构建第一个Express项目,总结起来就是使用两个核心工具,express和 ...

  5. 一个关于vue+mysql+express的全栈项目(一)

    最近学了mysql数据库,寻思着能不能构思一个小的全栈项目,思来想去,于是就有了下面的项目: 先上几张效果图吧       目前暂时前端只有这几个页面,后端开发方面,有登录,注册,完善用户信息,获取用 ...

  6. Vue、Nuxt服务端渲染,NodeJS全栈项目,面试小白的博客系统~~

    Holle,大家好,我是李白!! 一时兴起的开源项目,到这儿就告一段落了. 这是一个入门全栈之路的小项目,从设计.前端.后端.服务端,一路狂飙的学习,发量正在欣喜若狂~~ 接触过WordPress,H ...

  7. Vue、Node全栈项目~面向小白的博客系统~

    个人博客系统 前言 ❝ 代码质量问题轻点喷(去年才学的前端),有啥建议欢迎联系我,联系方式见最下方,感谢! 页面有啥bug也可以反馈给我,感谢! 这是一套包含前后端代码的个人博客系统,欢迎各位提出建议 ...

  8. SpringBoot 整合 Elastic Stack 最新版本(7.14.1)分布式日志解决方案,开源微服务全栈项目【有来商城】的日志落地实践

    一. 前言 日志对于一个程序的重要程度不用过多的言语修饰,本篇将以实战的方式讲述开源微服务全栈项目 有来商城 是如何整合当下主流日志解决方案 ELK +Filebeat . 话不多说,先看实现的效果图 ...

  9. 全栈项目|小书架|服务器端-NodeJS+Koa2实现首页图书列表接口

    通过上篇文章 全栈项目|小书架|微信小程序-首页水平轮播实现 我们实现了前端(小程序)效果图的展示,这篇文章来介绍服务器端的实现. 首页书籍信息 先来回顾一下首页书籍都有哪些信息: 从下面的图片可以看 ...

  10. 全栈项目|小书架|服务器开发-NodeJS 使用 JWT 实现登录认证

    通过这篇 全栈项目|小书架|服务器开发-JWT 详解 文章我们对JWT有了深入的了解,那么接下来介绍JWT如何在项目中使用. 安装 $ npm install jsonwebtoken 生成 Toke ...

随机推荐

  1. (转)python+opencv实现动态物体追踪

    原文链接:https://blog.csdn.net/cike14/article/details/50649811 import cv2 import numpy as np camera=cv2. ...

  2. linux 下 mysql安装和配置

    最近在学习R语言,看到R与数据库交互这一部分,就自己动手实践了一下,数据库选择的是mysql,主要记录下linux下怎么安装mysql. 网上的很多资料都有相关的文章,这里只是记录下自己安装过程中遇到 ...

  3. NO.2:自学python之路------变量类型、列表、字典

    引言 本周初步认识了库,并学习了Python中各种类型的变量和常用操作.并完成了较为完善的用户与商家购物界面设计. 正文 模块: Python有标准库和第三方库.第三方库需要安装才能使用.大量的库可以 ...

  4. JPA error org.hibernate.AnnotationException: No identifier specified for entity

    错误:org.hibernate.AnnotationException: No identifier specified for entity 原因:JPA所使用的Entity需要标注@Id,在引用 ...

  5. ShipStation Now Uses AWS And Amazon Fulfillment To Automatically Ship From eBay, Sears And Other Marketplaces

    ShipStation today unveiled a first-of-its-kind service to leverage Amazon Web Services and Amazon.co ...

  6. SpringMVC Controller介绍及常用注解——@Controller

    一 在SpringMVC 中,控制器Controller 负责处理由DispatcherServlet 分发的请求,它把用户请求的数据经过业务处理层处理之后封装成一个Model ,然后再把该Model ...

  7. linux中使用wget设置参数防止中文乱码问题

    在linux中一般会用到wget命令来请求远程的某个文件,此时,文件中会有一些中文字符或者中文汉字,要保持不出现"乱码"就需要在后面加上参数,如下图所示: 其中的 --restri ...

  8. 使用PYTHON解析Wireshark的PCAP文件

    PYTHON首先要安装scapy模块 PY3的安装scapy-python3,使用PIP安装就好了,注意,PY3无法使用pyinstaller打包文件,PY2正常 PY2的安装scapy,比较麻烦 f ...

  9. ios程序后台继续运行

    1.图标右上角显示消息个数 if ([[UIDevice currentDevice].systemVersion doubleValue] >= 8.0) { UIUserNotificati ...

  10. 软工1816 · BETA 版冲刺前准备

    任务博客 组长博客 总的来讲Alpha阶段我们计划中的工作是如期完成的.不过由于这样那样的原因,前后端各个任务完成度不算非常高,距离完成一个真正好用.完美的软件还有所差距. 过去存在的问题 测试工作未 ...