JavaScript语言基础

目录

第三章 语言基础

变量

①var关键字

②let关键字

③const声明

数据类型

①typeof操作符

②Undefined类型

③Null类型

④Boolean类型

⑤Number类型

⑥String类型

⑦Symbol类型

⑧Object类型

语句

---

第三章 语言基础

变量

①var关键字

声明作用域：函数作用域。

var声明提升：使用var关键字声明的变量会自动提升到函数作用域顶部,因此下面的代码不会报错。

function foo(){
    console.log(age);
    var age = 26;
}
foo();

此外，反复多次使用var声明同一个变量也没有问题。

使用var在全局作用域中声明的变量会成为window对象的属性

②let关键字

声明作用域：块作用域。

let不允许同一个作用域中出现冗余声明，即不能在同一个作用域中重复声明同一个变量。

注意：对声明冗余报错不会因混用let和var而受影响。

var name;
let name; //SyntaxError

let age;
var age; //SyntaxError

let声明的变量不会在作用域中被提升。

使用let在全局作用域中声明的变量不会成为window对象的属性。

使用var时，最常见的问题就是对迭代变量的奇特声明和修改：

for(var i = 0; i < 5; ++i){
    setTimeout(() => console.log(i),0);
}
//你可能会以为输出 0、1、2、3、4
//实际上会输出 5、5、5、5、5

之所以会这样，是因为在退出循环时，迭代变量保存的是导致循环退出的值：5.在之后执行超时逻辑时，所有的i都是同一个变量，因而输出的都是同一个最终值。

而在使用let声明变量时，JavaScript引擎会在后台为每一个迭代循环声明一个新的迭代变量。每个setTimeout引用的都是不同的变量实例，所以console.log输出的是我们期望的值。

③const声明

声明作用域：块作用域。

const的行为基本上和let相同，唯一一个重要的区别是用它声明变量时必须同时初始化变量，且尝试修改const声明的变量会导致运行时错误。

const声明的限制只适用于它指向的变量的引用。换句话说，如果const变量引用的是一个对象，那么修改这个对象内部的属性并不违反const的限制。

const person = {};
person.name = "Matt"; //ok

数据类型

ECMAScript有6种简单的数据类型（也称为原始类型）：undefined、Null、Boolean、Number、String和Symbol。Symbol是ES6新增的。还有一种复杂数据类型叫Object。

①typeof操作符

typeof操作符能确定任意变量的数据类型。

注意：typeof null返回的是“Object”，这是因为特殊值null被认为是一个对空对象的引用。

②Undefined类型

包含undefined值的变量跟未定义的变量是有区别的。

let message;

console.log(message); //"undefined"
console.log(age); //报错

③Null类型

Null类型同样只有一个值，即特殊值null。逻辑上讲，null值表示一个空对象指针。

undefined值是由null值派生来的，因此ECMA-262将它们定义为表面上相等，如下面的例子所示：

console.log(null == undefined); //true

即使null和undefined有关系，它们的用途也是完全不一样的。永远不必显式地将变量值设为undefined。但null不是这样的，任何时候，只要变量保存对象，而当时又没有那个对象可保存，就要用null来填充该变量。这样就可以保持null是空对象指针的语义，并进一步与undefined区分开。

④Boolean类型

Boolean类型有两个字面值，true和false。

数据类型	转换为true的值	转换为false的值
Boolean	true	false
String	非空字符串	空字符串
Number	非零数值（包括无穷值）	0、NaN
Object	任意对象	null
Undefined	N/A（不存在）	undefined

⑤Number类型

科学计数法表示浮点值：

let floatNum = 3.125e7; //等于31250000

浮点值的精确度最高可达17位小数，但在算数计算中远不如整数精确。永远不要测试某个特定的浮点值。

ECMAScript可以表示的最小数值保存在Number.MIN_VALUE中，最大数值保存在Number.MAX_VALUE中。

要确认一个数是不是有限大，可以使用isFinite()函数。

有个特殊的值叫NaN，用于表示本来要返回数值的操作失败了（而不是抛出错误）。比如，用0除任意数值在其他语言中通常会导致错误，而终止代码执行。而在ECMAScript中，0、+0、-0相除会返回NaN。

注意：任何涉及NaN的操作始终返回NaN。其次，NaN不等于包括NaN在内的任何值。

isNaN()函数会尝试把参数转换为数值，任何不能转换为数值的值都会导致这个函数返回true。

有三个函数可以将非数值转换为数值：Number(), parseInt(), 和parseFloat()。Number()是转型函数，可用于任何数据类型。后两个函数主要用于将字符串转换为数值。

通常在需要得到整数时可以优先使用parseInt()函数。字符串最前面的空格会被忽略，从第一个非空格字符开始转换。如果第一个字符不是数值字符、加号或减号，直接返回NaN.这意味着空字符串也会返回NaN（这一点和Number()不一样，它返回0）。“1234blue”会被转换为1234，blue将被忽略。类似地，“22.5”会被转换成22，“.5”会被忽略。

parseInt()也能识别不同的整数格式，如16进制和8进制。

parseFloat()和parseInt()类似，都是从位置0开始检测每个字符。同样，它也是解析到字符串末尾或者解析到一个无效的浮点数值字符为止。这意味着第一次出现的小数点有效，第二次就无效了，此时字符串剩余的字符都会被忽略。

parseFloat()另一个不同之处在于，它始终忽略字符串开头的0。这个函数能识别前面讨论的所有浮点格式，以及十进制格式。十六进制数值始终返回0，因为parseFloat()只解析十进制值，因此不能指定底数。最后，如果字符串表示整数，则parseFloat()返回整数。

⑥String类型

字符串的长度可以通过其length属性获取：

let text = "this is the letter sigma: \u03a3.";
console.log(text.length);//28

因为转义序列表示一个字符，所以只算一个字符。

字符串插值：

字符串插值通过在${}中使用一个JavaScript表达式实现：

let value = 5;
let exponent = 'second';

let example = `${value} to the ${exponent} power is ${value *value}`;

console.log(example); //5 to the second power is 25

所有插入的值都会使用toString()强制转型为字符串，而且任何JavaScript表达式都可以用于插值。

⑦Symbol类型

Symbol（符号）是ECMAScript6新增的数据类型。符号是原始值，且符号实例是唯一、不可变的。符号的用途是确保对象属性使用唯一标识符，不会发生属性冲突的危险。

常用内置符号：

Symbol.hasInstance：表示“一个方法，该方法决定一个构造器对象是否认可一个对象是它的实例。由instanceof操作符使用”。instanceof操作符可以用来确定一个对象实例的原型链上是否有原型。instanceof的典型使用场景如下：

function Foo() {}
let f = new Foo();
console.log(f instanceof Foo); //true

在ES6中，instanceof操作符会使用Symbol.hasInstance函数来确定关系。

• Symbol.iterator：表示“一个方法，该方法返回对象默认的迭代器。由for-of语句使用”。
• Symbol.match：表示“一个正则表达式方法，该方法用正则表达式去匹配字符串。由String.prototype.match()方法使用”。
• Symbol.replace：表示“一个正则表达式方法，该方法替换一个字符串中匹配的子串。由String.prototype.replace()方法使用”。
• Symbol.search：表示“一个正则表达式方法，该方法返回字符串中匹配正则表达式的索引。由String.prototype.search()方法使用”。
• Symbol.split：表示“一个正则表达式方法，该方法在匹配正则表达式的索引位置拆分字符串。由String.prototype.split()方法使用。”

⑧Object类型

每个Object实例都有如下属性和方法。

• constructor：构造函数。
• hasOwnProperty(propertyName)：用于判断当前对象实例上是否存在给定的属性。
• isPrototypeOf(object)：用于判断当前对象是否为另一个对象的原型。
• propertyIsEnumerable(propertyName)：判断给定属性能否使用for-in枚举。
• toLocaleString()：返回对象的字符串表示。
• toString()：返回对象的字符串表示。
• valueOf()：返回对象对应的字符串、数值或布尔值表示。

语句

for-in语句：for-in语句是一种严格的迭代语句，用于枚举对象中的非符号属性。

for(const propName in window) {
    document.write(propName);
}

注意：for-in语句不能保证返回对象属性的顺序。

for-of语句：for-of语句是一种严格的迭代语句，用于遍历可迭代对象的元素。

for(const el of [2,4,6,8]){
    document.write(el);
}