《廖雪峰JavaScript-快速入门》笔记

文章内容来源：廖雪峰JavaScript-快速入门赋值var x = 1;注释// comment/* comment */数据类型NumberJavaScript不区分整数和浮点数，统一用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 { … }来进行条件判断。循环forfor(var i = 0; i < arr.length; i++) { x = arr[i]; console.log(x);}for…infor循环的一个变体是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/SetMap最新的ES6规范引入了新的数据类型Map，Map是一组键值对的结构，具有极快的查找速度。初始化Map需要一个二维数组：var m = new Map([[‘Michael’, 95], [‘Bob’, 75], [‘Tracy’, 85]]);m.get(‘Michael’); // 95或者直接初始化一个空Map：var m = new Map(); // 空Mapm.set(‘Adam’, 67); // 添加新的key-valuem.set(‘Bob’, 59);m.has(‘Adam’); // 是否存在key ‘Adam’: truem.get(‘Adam’); // 67m.delete(‘Adam’); // 删除key ‘Adam’m.get(‘Adam’); // undefined多次对一个key放入value，后面的值会把前面的值冲掉。SetSet和Map类似，也是一组key的集合，但不存储value。要创建一个Set，需要提供一个Array作为输入，或者直接创建一个空Set：var s1 = new Set(); // 空Setvar s2 = new Set([1, 2, 3]); // 含1, 2, 3s2.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