《JavaScript高级程序设计》笔记：基本概念（三）

2023-03-04 16:43:42

数据类型

ECMAScript中有5种简单数据类型（也称为基本数据类型）：undefined,null,boolean,number和string。

typeof

typeof null会返回“object”。因为特殊值null被认为是一个空的对象引用。

undefined

undefined类型只有一个值，即特殊的undefined。在使用var声明变量，但没有对变量进行初始化时，这个变量的值就是undefined。

对未初始化的变量执行typeof操作符会返回undefined,而对未声明的变量执行typeof操作符同样也会返回undefined。

var message;

alert(typeof message); // undefined

alert(typeof age); // undefined

null

null类型是第二个只有一个值的数据类型，这个特殊的值是null。从逻辑角度上看，null值表示一个空对象指针，而这也正是使用typeof操作符检测null值会返回“object”的原因。

alert(null==undefined); // true

这里，位于null和undefined之间的相等操作符（==）总是返回true。

尽管null和undefined有这样的关系，但它们的用途完全不同。如前所述，无论在什么情况下都没有必要把一个变量显式地设置为undefined,可是同样的规则对null却不适用。换句话说，只要意在保存对象的变量还没有真正保存对象，就应该明确地让该变量保存null值。这样做不仅可以体现null作为空对象指针的惯例，而且也有助于进一步区分null和undefined。

Boolean类型

该类型只有两个字面值：true和false。这2个值跟数字值不是同一回事，因为true不一定等于1，false不一定等于0。该类型的2个值是区分大小写的。
虽然Boolean类型只有两个字面值，但ECMAScript所有类型的值都有与这两个Boolean值等价的值。要将一个值转换为其对应的Boolean值，可以调用转型函数Boolean（）。

var message="hello world!";

var messageAsBoolean=Boolean(message);

console.log(messageAsBoolean);// true

Number类型

浮点数值

浮点数值的最高精度是17位小数，但在进行算术计算时其精确度远不如整数。例如,0.1加0.2的结果不是0.3，而是0.300000000000000004，这个小小的舍入误差会导致无法测试特定的浮点数值。

var a=0.2,b=0.1;

    if(a+b==0.3){

        console.log("you got 0.3.");

    }

我们测试这两个数的和不等于3，如果这2个数是0.25和0.05，或者是0.15和0.15，结果都是没有问题的。如果是0.1和0.2，那么测试无法通过。因此，永远不要测试某个特定的浮点数值。

NaN

NaN的两个特点，一是任何涉及NaN的操作（例如NaN/10）都会返回NaN，这个特点在多步计算中有可能导致问题。其次，NaN与任何值都不相等，包括NaN本身。

isNaN()函数接收一个参数，该参数可以是任何类型，而函数会帮我们确定这个参数是否“不是数值”，isNaN()在接收这个值后，会尝试将这个值转换为数值。而任何不能被转换为数值的值都会导致这个函数返回true.

alert(NaN==NaN); // false

alert(isNaN(isNaN)); // true

alert(isNaN(10)); // false

alert(isNaN("10")); // false

alert(isNaN("blue")); // true

alert(isNaN(true)); // false

数值转换

Number(), parseInt(),parseFloat()

Number()函数的转换规则如下：

1.如果boolean值，true和false将分别被转换为1和0
2.如果是数字值，只是简单的传入和返回
3.如果是null值，返回0
4.如果是undefined,返回NaN

操作符

一元操作符

递增和递减操作符

执行前置递增和递减操作时，变量的值都是在语句被求值以前改变的。（在计算机科学领域，这种情况通常被称为副效应）

var age = 29;

var anotherAge = --age +2;

alert(age); //

alert(anotherAge); //

由于前置递增和递减操作与执行语句的优先级相等，因此整个语句会从左至右被求值。

var num1 = 2;

var num2 = 20;

var num3 = --num1 + num2; // 等于21

var num4 = num1 + num2; // 等于21

后置型递增和递减操作符的语法不变（仍然分别是++和--），只不过要放在变量的后面而不是前面。后置递增和递减与前置递增和递减有一个非常重要的区别，即递增和递减操作是在包含他们的语句被求值之后才执行的。

var num1 = 2;

var num2 = 20;

var num3 = num1-- + num2; // 等于22

var num4 = num1 + num2; // 等于21

一元加和减操作符

在对非数值应用一元加操作符时，该操作符会像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; //

s2 = +s2; // 1.1

s3 = +s3; // NaN

b = +b; //

f = +f; // 1.1

o = +o; // -1

一元减操作符只要用于表示负数，例如将1转换成-1。

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

加性操作符

加法

var result1 = 5+5;

alert(result1); //

var result2 = 5+"5";

alert(result2); // "55"

减法

var result1 = 5 - true; //

var result2 = NaN -1; // NaN

var result3 = 5-3; //

var result4 = 5 - ""; //

var result5 = 5 - "2"; //

var result6 = 5 - null; //

相等操作符

null == undefined; // true

"NaN" == NaN; // false

5 == NaN; // false

NaN == NaN; // false

NaN != NaN; // true

false ==0; // true

true == 1; // true

true == 2; // false

undefined ==0; false

null ==0; false

"5"==5; // true

记住：null == undefined会返回true,因为它们是类似的值；但null===undefined会返回false,因为它们是不同类型的值。

语句

ECMA-262规定了语句（也称为流控制语句），有if语句、do-while语句、while语句、for语句、for-in语句、label语句、break和continue语句、with语句、switch语句。

label语句

JavaScript语言允许，语句的前面有标签（label），相当于定位符，用于跳转到程序的任意位置，标签的格式如下。

label:

  statement

标签可以是任意的标识符，但是不能是保留字，语句部分可以是任意语句。

标签通常与break语句和continue语句配合使用，跳出特定的循环。

top:

  for (var i = 0; i < 3; i++){

    for (var j = 0; j < 3; j++){

      if (i === 1 && j === 1) break top;

      console.log('i=' + i + ', j=' + j);

    }

  }

// i=0, j=0

// i=0, j=1

// i=0, j=2

// i=1, j=0

上面代码为一个双重循环区块，break命令后面加上了top标签（注意，top不用加引号），满足条件时，直接跳出双层循环。如果break语句后面不使用标签，则只能跳出内层循环，进入下一次的外层循环。

continue语句也可以与标签配合使用。

top:

  for (var i = 0; i < 3; i++){

    for (var j = 0; j < 3; j++){

      if (i === 1 && j === 1) continue top;

      console.log('i=' + i + ', j=' + j);

    }

  }

// i=0, j=0

// i=0, j=1

// i=0, j=2

// i=1, j=0

// i=2, j=0

// i=2, j=1

// i=2, j=2

上面代码中，continue命令后面有一个标签名，满足条件时，会跳过当前循环，直接进入下一轮外层循环。如果continue语句后面不使用标签，则只能进入下一轮的内层循环。

说明：

break语句和continue语句都具有跳转作用，可以让代码不按既有的顺序执行。

break语句用于跳出代码块或循环。

continue语句用于立即终止本轮循环，返回循环结构的头部，开始下一轮循环。

width语句

width语句的作用是将代码的作用域设置到一个特定的对象中，如下例子：

var qs = location.search.substring(1);

var hostName = location.hostname;

var url = location.href;

console.log(qs); // 空

console.log(hostName); //127.0.0.1

console.log(url); //http://127.0.0.1:8848/test02/index.html

上面几行代码都包含location对象，那么用width如下：

with(location){

    var qs = search.substring(1);

    var hostName = hostname;

    var url = href;

    console.log(qs); // 空

    console.log(hostName); //127.0.0.1

    console.log(url); //http://127.0.0.1:8848/test02/index.html

}

函数

function sum(num1, num2){

    return num1 + num2;

    alert("Hello world"); // 永远不会放弃

}

这个函数会在执行完return 语句之后停止并立即退出。因此，位于return 语句之后的任何代码都不会执行。

码农公寓