你的位置:首页 > Java教程

[Java教程]《JavaScript高级程序设计(第三版)》


变量

  • 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值
Booleantruefalse
String任何非空字符串""(空字符串)
Number任何非零数字值(包括无穷大)0和NaN
Object任何对象null
undefinedN/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()方法的返回值相同。



来自为知笔记(Wiz)






到泰国旅游团购去泰国旅游攻略泰国六日游行程安排参考去泰国旅游跟团行程泰国旅游护照签证过年三亚旅游怎么样?三亚有哪些好玩的地方? 广州百万葵园现在多少钱?番禺百万葵园门票最新价格? 2015三亚春节好玩的地方?春节三亚自由行攻略? 广州百万葵园一年四季都开花吗?百万葵园全年开花吗? 大亚湾小桂旅游攻略?小桂景点好玩吗? 惠州大亚湾旅游吃在哪里?大亚湾哪里有烧烤? 惠州大亚湾旅游度假去哪玩好?大亚湾有没有漂流水上乐园的地方? 惠州大亚湾旅游景点有哪些?惠州大亚湾海边旅游景点推荐? 东部华侨城水公园好玩吗?深圳东部华侨城水公园怎么样? 阳山小桂林漂流价格?小桂林竹筏漂流几个人的? 和平漂流位置?河源和平漂流在哪里? 河源和平漂流门票价格?和平漂流攻略? 秦始皇陵兵马俑在哪?怎么去? 珠海石景山观光索道费用?石景山观光索道多少钱一个人? 石景山公园缆车费是往返的吗?珠海石景山公园门票包含缆车吗? 珠海石景山公园缆车价格?石景山公园缆车小孩免费吗? MJ01-0603SYC Datasheet MJ01-0603SYC Datasheet MJ01-0603T2GC Datasheet MJ01-0603T2GC Datasheet MJ01-0603V5RC Datasheet MJ01-0603V5RC Datasheet 龙门石窟在哪 龙门石窟在哪 龙门石窟在哪 广州长隆水上乐园门票 广州长隆水上乐园门票 广州长隆水上乐园门票 宏村门票 宏村门票 宏村门票