csxiaoyaojianxian
diff --git a/‎6 ES6/01 let & const.html‎
Lines changed: 123 additions & 0 deletions b/‎6 ES6/01 let & const.html‎
Lines changed: 123 additions & 0 deletions
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+</head>
+<body>
+
+<script src="babel-core/browser.js"></script>
+<script type="text/babel">
+/**
+ * 1 let
+ */
+// 1.1 let的作用域为块级作用域，ES6 允许块级作用域的任意嵌套，块级作用域的出现，实际上使得立即执行函数表达式（IIFE）不再必要
+{
+  let a = 10;
+  var b = 1;
+}
+// console.log(a);
+console.log(b);//1
+
+// 1.2 let适用于for循环，for循环有一个特别之处，循环语句部分是一个父作用域，而循环体内部是一个单独的子作用域
+var a = [];
+for (let i = 0; i < 10; i++) {
+  a[i] = function () {
+    console.log(i);
+  };
+}
+for (let i = 0; i < 3; i++)
+	console.log(i);// 正常输出，也算块级作用域，即使没有{}
+a[6](); // 6
+// console.log(i); // 报错
+
+// 1.3 let命令要求必须先声明后使用，且不允许重复声明
+// var
+console.log(foo); // 输出undefined
+var foo = 2;
+// let
+console.log(bar); // 报错ReferenceError
+let bar = 2;
+// 暂时性死区:只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响
+var tmp = 123;
+if (true) {
+  tmp = 'abc'; // ReferenceError
+  let tmp; // 在let声明变量前，对tmp赋值会报错。
+}
+
+// 1.4 在没有let之前，typeof运算符是百分之百安全的，永远不会报错。但使用let，在let声明前使用typeof会报错
+
+// 1.5 两种 ES5 非法函数声明
+// // 情况一
+// if (true) {
+//   function f() {}
+// }
+// // 情况二
+// try {
+//   function f() {}
+// } catch(e) {}
+// 考虑到环境导致的行为差异太大，应该避免在块级作用域内声明函数。如果确实需要，也应该写成函数表达式，而不是函数声明语句
+// 函数块级作用域的声明必须在大括号中
+// 不报错
+'use strict';
+if (true) {
+  function f() {}
+}
+// // 报错
+// 'use strict';
+// if (true)
+//   function f() {}
+
+/**
+ * 2 do 表达式
+ */
+// 在块级作用域之前加上do，使它变为do表达式，可以获取块级表达式中的值
+// 变量x会得到整个块级作用域的返回值
+/*
+let x = do {
+  let t = f();
+  t * t + 1;
+};
+*/
+// console.log(x);
+
+/**
+ * 3 const
+ */
+// const的作用域与let命令相同：只在声明所在的块级作用域内有效，也不提升
+const PI = 3.1415;// 不能只声明不赋值，也不能修改
+// const的本质是锁定变量的地址，对于对象，锁定的仅是引用。如果想将对象冻结，应该使用Object.freeze方法
+const fo = {};
+fo.prop = 123;
+console.log(fo.prop); // 123
+// foo = {}; // TypeError: "foo" is read-only
+// const fo = Object.freeze({});
+var constantize = (obj) => {
+  Object.freeze(obj);
+  Object.keys(obj).forEach( (key, i) => {
+    if ( typeof obj[key] === 'object' ) {
+      constantize( obj[key] );
+    }
+  });
+};
+
+/**
+ * 4 ES6 声明变量的六种方法
+ */
+// ES5：var命令、function命令
+// ES6：let命令、const命令、import命令、class命令
+
+/**
+ * 5 顶层对象的属性
+ */
+// ES6为了保持兼容性，var命令和function命令声明的全局变量，依旧是顶层对象的属性
+// let命令、const命令、class命令声明的全局变量，不属于顶层对象的属性
+var aa = 1;
+console.log(window.aa); // 1
+let bb = 1;
+console.log(window.bb); // undefined
+// global
+
+</script>
+
+</body>
+</html>