基本概念

JavaScript

数据类型

typeof 操作符

对 null 使用 typeof 操作符返回"Object"

操作符

in 操作符

在对象中能够访问到指定属性时返回 true

"length" in obj //true

typeof 操作符

返回数据的数据类型

typeof obj

数组的返回值是"object"
多数浏览器中函数的返回值是"function"，在某些浏览器中函数的返回值是"object"

位操作符

~按位非、&按位与、|按位或、^按位异或、<<左移、>>有符号右移、>>>无符号右移

语句

do-while 语句

do {
    i += 2;
} while (i < 10);

while 语句

while (i < 10) {
    i += 2;
}

for-in 语句

用于枚举对象的属性。

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

label 语句

label 语句在代码中添加标签以便将来使用

start： for (var i=0; i < count; i++) {
    alert(i);
}

break 和continue 语句

break 语句退出循环之后执行循环体后的语句，continue 语句退出循环之后继续从循环体顶部执行。
也可以在语句后添加标签来退出指定的循环体。

outermost:
for (var i=0; i < 10; i++) {
    for (var j=0; j < 10; j++) {
        if (i == 5 && j == 5) {
            continue outermost;
        }
    }
}

with

with 语句将代码的作用域设置到一个特定的对象中，以下的代码都将在 location 对象下执行。

with(location) {
    var qs = search.substring(1);
    var hostname = hostname;
    var url = href;
}

switch 语句

switch (i) {
    case 25:
        alert("25");
        break;
    default:
        alert("Other);
}

let 和 const 命令

let 命令

• let 命令用于声明变量，与 var 类似，但是 let 声明的变量只在代码块内有效。
• let 命令声明变量不存在变量提升，在 let 声明之前使用变量就会报错。
• 只要在块级作用域内存在 let 声明变量，那么这个变量就不会受到外界的影响，即使是在 let 声明之前。
• let 不允许重复声明。

块级作用域

ES6 支持块级作用域，不再需要立即执行匿名函数了。

const 命令

const 用来声明常量，一旦声明，其值就不能改变。const 同样不可以重复声明，只在块级作用域内有效，存在暂时性死区。

跨模块常量

const 声明的常量只在当前代码块有效，如果想设置跨模块常量可以采用下面的写法。

export const A = 1;

全局对象的属性

let 命令、const 命令和 class 命令声明的全局变量不属于全局对象的属性。

变量的解构赋值

数组的解构赋值

ES6 允许通过模式匹配的方式为变量赋值，只要等号两边的模式相同，左边的变量就会被赋予对应的值。

var [a, b, c] = [1, 2, 3];
//不完全解构的情况依然可以成功
let [x, y] = [1, 2, 3];
x // 1
y // 2

解构赋值允许指定默认值

var [foo = true] = [];
foo // true

对象的解构赋值

对象的解构赋值与数组的不同点在于对象的属性没有顺序，变量必须与属性同名才能够正确赋值。

var { bar, foo } = { foo: "aaa", bar: "bbb" };

如果变量名与属性名不同，那么必须采用如下形式

var { foo: baz } = { foo: "aaa", bar: "bbb" };

字符串的解构赋值

字符串也可以解构赋值，此时的字符串被转换成了一个类似数组的对象。另外类似数组的对象都有 length 属性，因此也可以对这个属性解构赋值。

数值和布尔值的解构赋值

解构赋值时如果等号右边是数值或者布尔值，则会先转为对象。

函数参数的解构赋值

function add([x, y]){
    return x + y;
}

上述代码中函数的参数是模式经过解构得到的变量 x 和 y。

圆括号问题

• 变量声明中模式不能带有圆括号。
• 函数参数中，模式不能带有圆括号。
• 不能讲整个模式或者嵌套模式中的一层放在圆括号中。

用模块封装代码

export 可以放在任何变量、函数或者类声明的前面，将变量导出到全局环境。export 后面加上 default 关键字可以导出默认值。
import 可以导入指定文件的指定变量，如果不指定使用大括号包裹则导入默认值。

// 导出变量
export var color = "red";
// 导出默认值
export default funciton (num1, num2) {
    return num1 + num2;
}
// 导入指定变量
import { identifier1, identifier2 } from "./example.js"
// 导入默认值
import sum from "./example.js";
// 导入时重命名
import { default as sum, color} from "./example.js";
import sum, { color} from "./example.js";