《JavaScript高级程序设计(第三版)》-2

时间:2021-11-28 18:36:24

变量

  • 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. JavaScript高级程序设计第三版.CHM【带实例】

    从驱动全球商业.贸易及管理领域不计其数的复杂应用程序的角度来看,说 JavaScript 已经成为当今世界上最流行的编程语言一点儿都不为过. JavaScript 是一种非常松散的面向对象语言,也是 ...

  2. javascript高级程序设计第三版书摘

    在HTML 中使用JavaScript <script>元素 在使用<script>元素嵌入 JavaScript 代码时,只须为<script>指定 type 属 ...

  3. 22&period;1 高级函数【JavaScript高级程序设计第三版】

    函数是JavaScript 中最有趣的部分之一.它们本质上是十分简单和过程化的,但也可以是非常复杂和动态的.一些额外的功能可以通过使用闭包来实现.此外,由于所有的函数都是对象,所以使用函数指针非常简单 ...

  4. 21&period;1 XMLHttpRequest 对象【JavaScript高级程序设计第三版】

    IE5 是第一款引入XHR 对象的浏览器.在IE5 中,XHR 对象是通过MSXML 库中的一个ActiveX对象实现的.因此,在IE 中可能会遇到三种不同版本的XHR 对象,即MSXML2.XMLH ...

  5. JavaScript高级程序设计第三版-读书笔记(1-3章)

    这是我第一次用markdown,也是我第一次在网上记录我自己的学习过程. 第一章 JavaScript主要由以下三个不同的部分构成 ECMAScript   提供核心语言功能 DOM     提供访问 ...

  6. 14&period;5 富文本编辑【JavaScript高级程序设计第三版】

    富文本编辑,又称为WYSIWYG(What You See Is What You Get,所见即所得).在网页中编辑富文本内容,是人们对Web 应用程序最大的期待之一.虽然也没有规范,但在IE 最早 ...

  7. DOM 操作技术【JavaScript高级程序设计第三版】

    很多时候,DOM 操作都比较简明,因此用JavaScript 生成那些通常原本是用HTML 代码生成的内容并不麻烦.不过,也有一些时候,操作DOM 并不像表面上看起来那么简单.由于浏览器中充斥着隐藏的 ...

  8. JavaScript高级程序设计第三版学习笔记&lpar;一&rpar;之数据类型区分详谈

    null.NaN.undefined三者的区别是什么? 在初次接触到JavaScript的时候,傻傻的分不清null.NaN.undefined三者到底区别何在,在实际的项目开发中也因为这个问题而困惑 ...

  9. 4&period;2 执行环境及作用域【JavaScript高级程序设计第三版】

    执行环境(execution context,为简单起见,有时也称为“环境”)是JavaScript 中最为重要的一个概念.执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为.每个执行环 ...

  10. 13&period;4&period;3 鼠标与滚轮事件【JavaScript高级程序设计第三版】

    鼠标事件是Web 开发中最常用的一类事件,毕竟鼠标还是最主要的定位设备.DOM3 级事件中定义了9 个鼠标事件,简介如下. click:在用户单击主鼠标按钮(一般是左边的按钮)或者按下回车键时触发.这 ...

随机推荐

  1. SpringMVC的小总结

    ---恢复内容开始--- 前言: springMVC是我接触的第一个框架,当时在学校学习的时候还是各种懂,最简单的springMVC框架的配置还是比较熟,后来工作之后,虽然主要用的确实是springM ...

  2. &lbrack;原创&rsqb;C&plus;&plus;通用宏定义

    //单态模式(singletion) #defube DECLEAR_SINGLETION(ClassName) \ private: \ static ClassName* m_pInstance; ...

  3. iOS 推送通知处理

    //这是程序杀死后再通过点击通知进入时调用的方法 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOpti ...

  4. Linux磁盘空间被未知资源耗尽【转】

    Linux磁盘空间被未知资源耗尽 在linux中,当我们使用rm在linux上删除了大文件,但是如果有进程打开了这个大文件,却没有关闭这个文件的句柄,那么linux内核还是不会释放这个文件的磁盘空间, ...

  5. Google Chart API 参考 中文版

    Google Chart API 参考 中文版 文档信息 翻译: Cloudream ,最后修改:02/22/2008 06:11:08 英文版版权归 Google , 转载此中文版必须以链接形式注明 ...

  6. NOIP2011-普及组复赛-第二题-统计单词数

    题目描述 Description 一般的文本编辑器都有查找单词的功能,该功能可以快速定位特定单词在文章中的位置,有的还能统计出特定单词在文章中出现的次数.  现在,请你编程实现这一功能,具体要求是:给 ...

  7. 微信创建带参数二维码并加上logo

    1.因为带参数二维码有两种,分别是字符参数,数值参数,因此,在写创建方法的时候,需要进行判断 public void ShowQcCode(N_WX_QrCode code) { QRCodeCrea ...

  8. UITabbarController左右滑动切换标签页

    UITabbarController左右滑动切换标签页 每个Tabbar ViewController都要添加如下代码,建议在基类中添加:ViewDidLoadUISwipeGestureRecogn ...

  9. MYSQL索引类型&plus;索引方法

    MYSQL索引有四种 PRIMARY(唯一且不能为空:一张表只能有一个主键索引). INDEX(普通索引). UNIQUE(唯一性索引). FULLTEXT(全文索引:用于搜索很长一篇文章的时候,效果 ...

  10. 第三百一十六节,Django框架,中间件

    第三百一十六节,Django框架,中间件 django 中的中间件(middleware),在django中,中间件其实就是一个类,在请求到来和结束后,django会根据自己的规则在合适的时机执行中间 ...