码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2016-10-05 22:03:28      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:

变量

  • 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

标签:

原文地址:http://www.cnblogs.com/echovic/p/5932950.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!