JavaScript基础(一)后续

左手的ㄟ右手 2022-05-26 01:48 152阅读 0赞

## `Object`类型 ##

*  ECMAScript中的对象其实就是一组数据和功能的集合。对象可以通过执行`new`操作符后跟要创建的对象类型的名称来创建。而创建`Object`类型的实例并为其添加属性和(或)方法，就可以创建自定义对象，如下所示:

var o = new Object();

*  这个语法与`Java`中创建对象的语法相似；但在ECMAScript中，如果不给构造函数传递参数，则可以省略后面的一对圆括号。也就是说，在像前面这个示例一样不传递参数的情况下，完全可以省略那对圆括号(但这不是推荐的做法):

var o = new Object(); // 有效，但不推荐省略圆括号

*  仅仅创建`Object`的实例并没有什么用处，但是关键是要理解一个重要的思想: 即在`ECMAScript`中（就像Java中的`java.lang.Object`对象一样）`Object`类型是所有它的实例的基础。换句话说，`Object`类型所具有的任何属性和方法也同样存在于更加具体的对象中。
 *  Object的每个实例都具有下列属性和方法。
 *  `Constructor`: 保存着用于创建当前对象的函数。对于前面的例子而言，构造函数(constructor)就是`Object()`。
 *  `hasOwnProperty(propertyName)`: 用于检查给定的属性在当前对象实例中(而不是在实例的原型中)是否存在。其中，作为参数的属性名(`propertyName`)必须以字符串形式指定(例如: `o.hasOwnProperty("name")`)。
 *  `propertyIsEnumerable(propertyName):`用于检查给定的属性是否能够使用`for-in`语句来枚举。与`hasOwnProperty()`方法一样，作为参数的属性名必须以字符串形式指定。
 *  `toLocalString()`: 返回对象的字符串表示，该字符串与执行环境的地区对应。
 *  `toString()`: 返回对象的字符串表示。
 *  `valueOf()`: 返回对象的字符串、数值或者布尔值表示。通常与`toString()`方法返回的返回值相同。
 *  由于在ECMAScript中Object是所有对象的基础，因此所有对象都具有这些基本的属性和方法。

> **题外话**：ECMA-262中对象的行为不一定适用于JavaScript中的其他对象。浏览器环境中的对象。比如BOM和DOM中的对象，都属于**宿主对象**，因为它们是由宿主实现提供和定义的。ECMA-262不负责定义宿主对象，因此宿主对象可能会野可能不会继承Object。

--------------------

## **操作符**: ##

*  ECMA-262描述了一组用于操作数据值的操作符，包括算术操作符(如加号和减号)、位操作符、关系操作符和相等操作符。ECMAScript操作符的与众不同之处在于，它们能够适用于很多值，例如字符串、数字值、布尔值、甚至对象。不过，在应用于对象时，相应的操作符通常都会调用对象的`valueOf()`和(或)`toString()`方法，以便取得可以操作的值。

### 一元操作符: ###

*  只能操作一个值的操作符叫做一元操作符。一元操作符是ECMAScript中最简单的操作符。

#### **递增和递减操作符**: ####

*  递增和递减操作符直接借鉴自C，而且各有两个版本: 前置型和后置型。顾名思义，前置型应该位于要操作的变量之前，而后置型则应该位于操作的变量之后。因此，在使用前置递增操作符给一个数值加1时，要把两个加号(++)放在这个数值变量前面，如下所示:

var age = 29; ++age;

*  在这个例子中，前置递增操作符把`age`的值变成了`30`(为29加上了1)。实际上，执行这个前置递增操作与执行以下操作的效果相同:

var age = 29; age = age + 1;

*  执行前置递减操作的方法也类似，结果会从一个数值中减去1。使用前置递减操作符时，要把两个减号(–)放在相应变量的前面，如下所示:

var age = 29; --age;

*  这样，age变量的值就减少为28(从29中减去1)。
 *  执行前置递增和递减操作时，变量的值都是在语句被求值以前改变的。(在计算机科学领域，这种情况通常被称作副效应。)

var age = 29;
    var anotherAge = --age + 2;
    
    alert(age); // 输出28
    alert(anotherAge); // 输出30

*  变量`anotherAge`的初始值等于变量`age`的值前置递减之后加`2`。由于先执行了减法操作，age的值变成了28，所以加上2的结果就是30。
 *  由于前置递增和递减操作与执行语句的优先等级相等，因此整个语句会从左至右被求值。再看一个例子:

var num1 = 2;
    var num2 = 20;
    var num3 = num1-- + num2; // 等于22
    var num4 = num1 + num2; // 等于21

*  这里仅仅将前置递减改成了后置递减，就立即可以看到差别。在前面使用**前置递减**的例子中，`num3`和`num4`最后都等于21。而在这个例子中，num3等于22, num4等于21。差别的根源在于，这里在计算num3时使用了num1的原始值(2)完成了加法计算，而num4则使用了递减后的值(1)。
 *  所有这4个操作符对任何值都适用。也就是它们不仅适用于整数，还可以用于字符串、布尔值、浮点数值和对象。在应用于不同的值时，递减和递减操作符遵循下列规则。  
    
    
     *  在应用于一个包含**有效数字字符**的字符串时，先将其转换为数字值，再执行加减1的操作。字符串变量变成数值变量。
     *  在应用一个不包含**有效数字字符**的字符串时，将变量的值设置为`NaN`。字符串变量变成数值变量。
     *  在应用于布尔值`false`时，先将其转换为0然后在执行加减1的操作。布尔值变量变成数值变量。
     *  在应用于布尔值`true`时，先将其转换为1再执行加减1的操作。布尔值变量变成数值变量。
     *  在应用于浮点数值时，执行加减1的操作。
     *  在应用于对象时，先调用对象的`valueOf()`方法以取得一个可供操作的值。然后对该值应用前述规则。如果结果是`NaN`，则在调用`toString()`方法后再应用前述规则。对象变量变成数值变量。
 *  以下示例展示了上面的一些规则:

var s1 = "2";
    var s2 = "z";
    var b = false;
    var f = 1.1;
    var o = {
        valueOf: function() { 
            return -1;
        }
    };
    
    s1++; // 值变成数值3
    s2++; // 值变成NaN
    b++; // 值变成数值1
    f--; // 值变成0.10000000000000009(由于浮点舍入错误所致)
    o--; // 值变成数值-2

#### 一元加和减操作符 ####

*  绝大多数开发人员对一元加和减操作符都不会陌生，而且这两个ECMAScript操作符的作用与数学书上讲的完全一样。一元加操作符以一个加号(+)表示，放在数值前面，对数值不会产生任何影响，如下面的例子所示:

var num = 25;
    num = +num; // 仍然是25

*  不过，在对非数值应用一元加操作符时，该操作符会像`Number()`转型函数一样对这个值执行转换。换句话说，布尔值`false`和`true`将被转换为0和1，字符串值会被按照一组特殊的规则进行解析，而对象是先调用它们的`valueOf()`和(或)`toString()`方法，再转换得到的值。
 *  下面的例子展示了对不同数据类型应用一元加操作符的结果:

var s1 = "01";
    var s2 = "1.1";
    var s3 = "z";
    var b = false;
    var f = 1.1;
    var o = {
        valueOf: function() { 
            return -1;
        }
    };
    
    s1 = +s1; // 值变成数值1
    s2 = +s2; // 值变成数值1.1
    s3 = +s3; // 值变成NaN
    b = +b; // 值变成数值0
    f = +f; // 值未变，仍然是1.1
    o = +c; // 值变成数值-1

*  一元减操作符主要用于表示负数，例如将1转换成-1。下面的例子演示了这个简单的转换过程:

var num = 25;
    num = -num; // 变成了-25

*  在将一元减操作符应用于数值时，该值会变成负数(如上面的例子所示)。而当应用于非数值时，一元减操作符遵循与一元加操作符相同的规则，最后再将得到的数值转换为负数，如下面的例子所示:

var s1 = "01";
    var s2 = "1.1";
    var s3 = "z";
    var b = false;
    var f = 1.1;
    var o = {
        valueOf: function() {
            return -1;
        }
    };
    
    s1 = -s1; // 值变成数值-1
    s2 = -s2; // 值变成数值-1.1
    s3 = -s3; // 值变成NaN
    b = -b; // 值变成数值0
    f = -f; // 值未变，仍然是-1.1
    o = -c; // 值变成了数值1

*  一元加和减操作符主要用于基本的算术运算，也可以像前面示例所展示的一样用于转换数据类型。

> JackDan Thinking