美文网首页我爱编程
[ECMAScript 知识] ECMAScript 基础/运算

[ECMAScript 知识] ECMAScript 基础/运算

作者: 学识浅薄的胖 | 来源:发表于2018-04-16 05:48 被阅读0次

    文档标识:[C-180409-M-180416]
    知识来源:W3School ECMAScript 语法
    内容链接均来源于互联网,如有侵权,请联系删除。

    ECMAScript 知识概要

    基础

    • 在 ECMAScript 中,变量可以存在两种类型的值,即原始值和引用值。
      原始值和引用值
      在 ECMAScript 中,变量可以存在两种类型的值,即原始值和引用值。
      原始值
      存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置。
      引用值
      存储在堆(heap)中的对象,也就是说,存储在变量处的值是一个指针(point),指向存储对象的内存处。
      为变量赋值时,ECMAScript 的解释程序必须判断该值是原始类型,还是引用类型。要实现这一点,解释程序则需尝试判断该值是否为 ECMAScript 的原始类型之一,即 Undefined、Null、Boolean、Number 和 String 型。由于这些原始类型占据的空间是固定的,所以可将他们存储在较小的内存区域 - 栈中。这样存储便于迅速查寻变量的值。
      在许多语言中,字符串都被看作引用类型,而非原始类型,因为字符串的长度是可变的。ECMAScript 打破了这一传统。
      如果一个值是引用类型的,那么它的存储空间将从堆中分配。由于引用值的大小会改变,所以不能把它放在栈中,否则会降低变量查寻的速度。相反,放在变量的栈空间中的值是该对象存储在堆中的地址。地址的大小是固定的,所以把它存储在栈中对变量性能无任何负面影响。

    • typeof运算符的作用
      对变量或值调用 typeof 运算符将返回下列值之一:
      undefined - 如果变量是 Undefined 类型的
      boolean - 如果变量是 Boolean 类型的
      number - 如果变量是 Number 类型的
      string - 如果变量是 String 类型的
      object - 如果变量是一种引用类型或 Null 类型的
      值 undefined 实际上是从值 null 派生来的,因此 ECMAScript 把它们定义为相等的。尽管这两个值相等,但它们的含义不同。undefined 是声明了变量但未对其初始化时赋予该变量的值,null 则用于表示尚未存在的对象(在讨论 typeof 运算符时,简单地介绍过这一点)。如果函数或方法要返回的是对象,那么找不到该对象时,返回的通常是 null。

    • Number类型
      ECMA-262 中定义的最特殊的类型是 Number 类型。这种类型既可以表示 32 位的整数,还可以表示 64 位的浮点数。
      直接输入的(而不是从另一个变量访问的)任何数字都被看做 Number 类型的字面量。整数也可以被表示为八进制(以 8 为底)或十六进制(以 16 为底)的字面量。八进制字面量的首数字必须是 0,其后的数字可以是任何八进制数字(0-7)。要创建十六进制的字面量,首位数字必须为 0,后面接字母 x,然后是任意的十六进制数字(0 到 9 和 A 到 F)。这些字母可以是大写的,也可以是小写的。
      要定义浮点值,必须包括小数点和小数点后的一位数字(例如,用 1.0 而不是 1)。对于浮点字面量的有趣之处在于,用它进行计算前,真正存储的是字符串。
      对于非常大或非常小的数,可以用科学计数法表示浮点数,可以把一个数表示为数字(包括十进制数字)加 e(或 E),后面加乘以 10 的倍数。
      Number 类型的 toString() 方法比较特殊,它有两种模式,即默认模式和基模式。采用默认模式,toString() 方法只是用相应的字符串输出数字值(无论是整数、浮点数还是科学计数法)。在默认模式中,无论最初采用什么表示法声明数字,Number 类型的 toString() 方法返回的都是数字的十进制表示。因此,以八进制或十六进制字面量形式声明的数字输出的都是十进制形式的。
      采用 Number 类型的 toString() 方法的基模式,可以用不同的基输出数字,例如二进制的基是 2,八进制的基是 8,十六进制的基是 16。

    var iNum = 10;
    alert(iNum.toString(2));    //输出 "1010"
    alert(iNum.toString(8));    //输出 "12"
    alert(iNum.toString(16));   //输出 "A"
    
    • 数字类型转换函数parseInt()\parseFloat()
      ECMAScript 提供了两种把非数字的原始值转换成数字的方法,即 parseInt() 和 parseFloat()。
      正如您可能想到的,前者把值转换成整数,后者把值转换成浮点数。只有对 String 类型调用这些方法,它们才能正确运行;对其他类型返回的都是 NaN。
      parseInt()
      在判断字符串是否是数字值前,parseInt() 和 parseFloat() 都会仔细分析该字符串。
      parseInt() 方法首先查看位置 0 处的字符,判断它是否是个有效数字;如果不是,该方法将返回 NaN,不再继续执行其他操作。但如果该字符是有效数字,该方法将查看位置 1 处的字符,进行同样的测试。这一过程将持续到发现非有效数字的字符为止,此时 parseInt() 将把该字符之前的字符串转换成数字。
      例如,如果要把字符串 "12345red" 转换成整数,那么 parseInt() 将返回 12345,因为当它检查到字符 r 时,就会停止检测过程。
      parseInt() 方法还有基模式,可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由 parseInt() 方法的第二个参数指定的。
      parseFloat()
      parseFloat() 方法与 parseInt() 方法的处理方式相似,从位置 0 开始查看每个字符,直到找到第一个非有效的字符为止,然后把该字符之前的字符串转换成整数。
      不过,对于这个方法来说,第一个出现的小数点是有效字符。如果有两个小数点,第二个小数点将被看作无效的。parseFloat() 会把这个小数点之前的字符转换成数字。这意味着字符串 "11.22.33" 将被解析成 11.22。
      使用 parseFloat() 方法的另一不同之处在于,字符串必须以十进制形式表示浮点数,而不是用八进制或十六进制。该方法会忽略前导 0,所以八进制数 0102 将被解析为 102。对于十六进制数 0xA,该方法将返回 NaN,因为在浮点数中,x 不是有效字符。(注释:经测试,具体的浏览器实现会返回 0,而不是 NaN。)
      强制转换String()
      强制转换成字符串和调用 toString() 方法的唯一不同之处在于,对 null 和 undefined 值强制类型转换可以生成字符串而不引发错误。
    var s1 = String(null);  //"null"
    var oNull = null;
    var s2 = oNull.toString();  //会引发错误
    
    • instanceof 运算符作用
      在使用 typeof 运算符时采用引用类型存储值会出现一个问题,无论引用的是什么类型的对象,它都返回 "object"。ECMAScript 引入了另一个 Java 运算符 instanceof 来解决这个问题。
      instanceof 运算符与 typeof 运算符相似,用于识别正在处理的对象的类型。与 typeof 方法不同的是,instanceof 方法要求开发者明确地确认对象为某特定类型。
    var oStringObject = new String("hello world");
    alert(oStringObject instanceof String); //输出 "true"
    

    运算符

    • 一元运算符
    1. delete 运算符删除对以前定义的对象属性或方法的引用。
    var o = new Object;
    o.name = "David";
    alert(o.name);  //输出 "David"
    delete o.name;
    alert(o.name);  //输出 "undefined"
    

    在这个例子中,删除了 name 属性,意味着强制解除对它的引用,将其设置为 undefined(即创建的未初始化的变量的值)。
    delete 运算符不能删除开发者未定义的属性和方法。

    1. void 运算符对任何值返回 undefined。
      没有返回值的函数真正返回的都是 undefined。

    2. 一元加法和一元减法
      尽管一元加法对数字无作用,但对字符串却有有趣的效果,会把字符串转换成数字。

    var sNum = "20";
    alert(typeof sNum); //输出 "string"
    var iNum = +sNum;
    alert(typeof iNum); //输出 "number"
    

    这段代码把字符串 "20" 转换成真正的数字。当一元加法运算符对字符串进行操作时,它计算字符串的方式与 parseInt() 相似,主要的不同是只有对以 "0x" 开头的字符串(表示十六进制数字),一元运算符才能把它转换成十进制的值。因此,用一元加法转换 "010",得到的总是 10,而 "0xB" 将被转换成 11。
    一元减法就是对数值求负,与一元加法运算符相似,一元减法运算符也会把字符串转换成近似的数字,此外还会对该值求负。

    • 位运算符
    1. 位运算 NOT 由否定号(~)表示,它是 ECMAScript 中为数不多的与二进制算术有关的运算符之一。
      位运算 NOT 是三步的处理过程:
      把运算数转换成 32 位数字
      把二进制数转换成它的二进制反码
      把二进制数转换成浮点数
      位运算 NOT 实质上是对数字求负,然后减 1。

    2. 位运算 AND 由和号(&)表示,直接对数字的二进制形式进行运算。

    3. 位运算 OR 由符号(|)表示,也是直接对数字的二进制形式进行运算。

    4. 位运算 XOR 由符号(^)表示,当然,也是直接对二进制形式进行运算。XOR 不同于 OR,当只有一个数位存放的是 1 时,它才返回 1。

    5. 左移运算由两个小于号表示(<<)。它把数字中的所有数位向左移动指定的数量。例如,把数字 2(等于二进制中的 10)左移 5 位,结果为 64(等于二进制中的 1000000)

    6. 有符号右移运算符由两个大于号表示(>>)。它把 32 位数字中的所有数位整体右移,同时保留该数的符号(正号或负号)。有符号右移运算符恰好与左移运算相反。例如,把 64 右移 5 位,将变为 2。同样,移动数位后会造成空位。这次,空位位于数字的左侧,但位于符号位之后。ECMAScript 用符号位的值填充这些空位,创建完整的数字。

    7. 无符号右移运算符由三个大于号(>>>)表示,它将无符号 32 位数的所有数位整体右移。对于正数,无符号右移运算的结果与有符号右移运算一样。对于负数,情况就不同了。无符号右移运算用 0 填充所有空位。对于正数,这与有符号右移运算的操作一样,而负数则被作为正数来处理。

    • 逻辑运算符
    参数类型 结果
    Undefined false
    Null false
    Boolean 结果等于输入的参数(不转换)
    Number 如果参数为 +0, -0 或 NaN,则结果为 false;否则为 true
    String 如果参数为空字符串,则结果为 false;否则为 true
    Object true
    1. 在 ECMAScript 中,逻辑 NOT 运算符与 C 和 Java 中的逻辑 NOT 运算符相同,都由感叹号(!)表示。与逻辑 OR 和逻辑 AND 运算符不同的是,逻辑 NOT 运算符返回的一定是 Boolean 值。
      如果运算数是 undefined,发生错误。

    2. 在 ECMAScript 中,逻辑 AND 运算符用双和号(&&)表示。
      逻辑 AND 运算的运算数可以是任何类型的,不止是 Boolean 值。
      如果某个运算数不是原始的 Boolean 型值,逻辑 AND 运算并不一定返回 Boolean 值:
      如果一个运算数是对象,另一个是 Boolean 值,返回该对象。
      如果两个运算数都是对象,返回第二个对象。
      如果某个运算数是 null,返回 null。
      如果某个运算数是 NaN,返回 NaN。
      如果某个运算数是 undefined,发生错误。

    3. ECMAScript 中的逻辑 OR 运算符与 Java 中的相同,都由双竖线(||)表示。
      如果某个运算数不是 Boolean 值,逻辑 OR 运算并不一定返回 Boolean 值。
      如果一个运算数是对象,并且该对象左边的运算数值均为 false,则返回该对象。
      如果两个运算数都是对象,返回第一个对象。
      如果最后一个运算数是 null,并且其他运算数值均为 false,则返回 null。
      如果最后一个运算数是 NaN,并且其他运算数值均为 false,则返回 NaN。
      如果某个运算数是 undefined,发生错误。

    • 乘性运算符
    1. 乘法运算符由星号(*)表示,用于两数相乘。ECMAScript 中的乘法语法与 C 语言中的相同。
      ECMAScript 中的乘法还有一些特殊行为:
      如果结果太大或太小,那么生成的结果是 Infinity 或 -Infinity。
      如果某个运算数是 NaN,结果为 NaN。
      Infinity 乘以 0,结果为 NaN。
      Infinity 乘以 0 以外的任何数字,结果为 Infinity 或 -Infinity。
      Infinity 乘以 Infinity,结果为 Infinity。

    2. 除法运算符由斜杠(/)表示,用第二个运算数除第一个运算数。
      在处理特殊值时,除法运算符也有一些特殊行为:
      如果结果太大或太小,那么生成的结果是 Infinity 或 -Infinity。
      如果某个运算数是 NaN,结果为 NaN。
      Infinity 被 Infinity 除,结果为 NaN。
      Infinity 被任何数字除,结果为 Infinity。
      0 除一个任何非无穷大的数字,结果为 NaN。
      Infinity 被 0 以外的任何数字除,结果为 Infinity 或 -Infinity。

    3. 除法(余数)运算符由百分号(%)表示。
      对于特殊值,取模运算符也有特殊的行为:
      如果被除数是 Infinity,或除数是 0,结果为 NaN。
      Infinity 被 Infinity 除,结果为 NaN。
      如果除数是无穷大的数,结果为被除数。
      如果被除数为 0,结果为 0。

    • 加法运算符
    1. 法运算符由加号(+)表示。
      在处理特殊值时,ECMAScript 中的加法也有一些特殊行为:
      某个运算数是 NaN,那么结果为 NaN。
      -Infinity 加 -Infinity,结果为 -Infinity。
      Infinity 加 -Infinity,结果为 NaN。
      +0 加 +0,结果为 +0。
      -0 加 +0,结果为 +0。
      -0 加 -0,结果为 -0。
      不过,如果某个运算数是字符串,那么采用下列规则:
      如果两个运算数都是字符串,把第二个字符串连接到第一个上。
      如果只有一个运算数是字符串,把另一个运算数转换成字符串,结果是两个字符串连接成的字符串。

    2. 减法运算符(-),也是一个常用的运算符。
      在处理特殊值时,减法运算符也有一些特殊行为:
      某个运算数是 NaN,那么结果为 NaN。
      Infinity 减 Infinity,结果为 NaN。
      -Infinity 减 -Infinity,结果为 NaN。
      Infinity 减 -Infinity,结果为 Infinity。
      -Infinity 减 Infinity,结果为 -Infinity。
      +0 减 +0,结果为 +0。
      -0 减 -0,结果为 -0。
      +0 减 -0,结果为 +0。
      某个运算符不是数字,那么结果为 NaN。

    • 比较运算符
      关系运算符小于、大于、小于等于和大于等于执行的是两个数的比较运算,比较方式与算术比较运算相同。每个关系运算符都返回一个布尔值。
      无论何时比较一个数字和一个字符串,ECMAScript 都会把字符串转换成数字,然后按照数字顺序比较它们。
    var bResult = "25" < 3;
    alert(bResult); //输出 "false"
    

    根据规则,任何包含 NaN 的关系运算符都要返回 false。

    var bResult = "a" < 3;
    alert(bResult);  //false
    
    var bResult = "a" >= 3;
    alert(bResult);  //false
    
    • 等性运算符
      ECMAScript 提供了两套等性运算符:等号和非等号用于处理原始值,全等号和非全等号用于处理对象。

    相关文章

      网友评论

        本文标题:[ECMAScript 知识] ECMAScript 基础/运算

        本文链接:https://www.haomeiwen.com/subject/dbcskftx.html