共计 2304 个字符，预计需要花费 6 分钟才能阅读完成。
文章内容来源：廖雪峰 JavaScript- 快速入门
赋值
var x = 1;
注释
// comment
/* comment */
数据类型
Number
JavaScript 不区分整数和浮点数，统一用 Number 表示。
123;
0.456;
1.2345e3;
NaN;
Infinity;
字符串
字符串是以单引号 ’ 或双引号 ” 括起来的任意文本。
‘Hello ‘;
“World!”;
布尔
一个布尔值只有 true、false 两种值。
数组
JavaScript 的数组可以包括任意数据类型。
[1, 2, 3.14, ‘Hello’, null, true];
对象
JavaScript 的对象是一组由键 - 值组成的无序集合，对象的键都是字符串类型，值可以是任意数据类型。
var mi = {
name: ‘YuMi’,
age: 22
}
要获取一个对象的属性，我们用对象变量. 属性名的方式：
mi.name;
mi.age;
变量名
变量名是大小写英文、数字、$ 和_的组合，且不能用数字开头。
条件判断
JavaScript 使用 if () { …} else {…} 来进行条件判断。
循环
for
for(var i = 0; i < arr.length; i++) {
x = arr[i];
console.log(x);
}
for…in
for 循环的一个变体是 for … in 循环，它可以把一个对象的所有属性依次循环出来：
var mi = {
name: ‘YuMi’,
age: 22
};
for (var key in mi) {
console.log(key); // ‘name’, ‘age’, …
}
要过滤掉对象继承的属性，用 hasOwnProperty() 来实现。
var mi = {
name: ‘YuMi’,
age: 22
};
for (var key in mi) {
if(mi.hasOwnProperty(key)) {
console.log(key); // ‘name’, ‘age’
}
}
for … in 循环可以直接循环出 Array 的索引。
var a = [‘A’, ‘B’, ‘C’];
for (var i in a) {
// 得到的 i 是 String 而不是 Number。
console.log(i); // ‘0’, ‘1’, ‘2’
console.log(a[i]); // ‘A’, ‘B’, ‘C’
}
while/do…while
略。
Map/Set
Map
最新的 ES6 规范引入了新的数据类型 Map，Map 是一组键值对的结构，具有极快的查找速度。初始化 Map 需要一个二维数组：
var m = new Map([[‘Michael’, 95], [‘Bob’, 75], [‘Tracy’, 85]]);
m.get(‘Michael’); // 95
或者直接初始化一个空 Map：
var m = new Map(); // 空 Map
m.set(‘Adam’, 67); // 添加新的 key-value
m.set(‘Bob’, 59);
m.has(‘Adam’); // 是否存在 key ‘Adam’: true
m.get(‘Adam’); // 67
m.delete(‘Adam’); // 删除 key ‘Adam’
m.get(‘Adam’); // undefined
多次对一个 key 放入 value，后面的值会把前面的值冲掉。
Set
Set 和 Map 类似，也是一组 key 的集合，但不存储 value。要创建一个 Set，需要提供一个 Array 作为输入，或者直接创建一个空 Set：
var s1 = new Set(); // 空 Set
var s2 = new Set([1, 2, 3]); // 含 1, 2, 3
s2.add(4);
s2.delete(3);
iterable
为了统一集合类型，ES6 标准引入了新的 iterable 类型，Array、Map 和 Set 都属于 iterable 类型。具有 iterable 类型的集合可以通过新的 for … of 循环来遍历。
for … in 循环由于历史遗留问题，它遍历的实际上是对象的属性名称。一个 Array 数组实际上也是一个对象，它的每个元素的索引被视为一个属性。
var a = [‘A’, ‘B’, ‘C’];
a.name = ‘Hello’;
for (var x in a) {
console.log(x); // ‘0’, ‘1’, ‘2’, ‘name’
}
for … of 循环则完全修复了这些问题，它只循环集合本身的元素：
var a = [‘A’, ‘B’, ‘C’];
a.name = ‘Hello’;
for (var x of a) {
console.log(x); // ‘A’, ‘B’, ‘C’
}
更好的方式是直接使用 iterable 内置的 forEach 方法，它接收一个函数，每次迭代就自动回调该函数：
var a = [‘A’, ‘B’, ‘C’];
a.forEach(function (element, index, array) {
// element: 指向当前元素的值
// index: 指向当前索引
// array: 指向 Array 对象本身
console.log(element + ‘, index = ‘ + index);
});
Set 与 Array 类似，但 Set 没有索引，因此回调函数的前两个参数都是元素本身：
var s = new Set([‘A’, ‘B’, ‘C’]);
s.forEach(function (element, sameElement, set) {
console.log(element);
});
Map 的回调函数参数依次为 value、key 和 map 本身：
var m = new Map([[1, ‘x’], [2, ‘y’], [3, ‘z’]]);
m.forEach(function (value, key, map) {
console.log(value);
});
个人静态博客：
气泡的前端日记：https://rheabubbles.github.io