React学习笔记(2)
先恶补下JavaScript，很久没写过前端代码，把css，html，JavaScript基础知识再学习一下。
概览
JavaScript 是一种多范式的动态语言，它包含类型、运算符、标准内置（ built-in）对象和方法。
JavaScript 中的类型包括这些：
Number（数字）
String（字符串）
Boolean（布尔）
Symbol（符号）（ES2015 新增）
Object（对象）
Function（函数）
Array（数组）
Date（日期）
RegExp（正则表达式）
null（空）
undefined（未定义）
变量
在 JavaScript 中声明一个新变量的方法是使用关键字 let 、const 和 var：之前一直就只知道var，而最新的 ES6出现的let和const根本没接触过。为什么有了var之后，又新出了let和const呢？三者到底有什么区别？
首先 let 语句声明一个块级作用域的本地变量，并且可选的将其初始化为一个值。
通过例子我们可以看到什么是块级作用域。可以看到在块外面调用函数blockArea会提示函数blockArea未被定义。
const 允许声明一个不可变的常量。这个常量在定义域内总是可见的。这个比较容易理解。
const Pi = 3.14; // 设置 Pi 的值
Pi = 1; // 将会抛出一个错误因为你改变了一个常量的值。
使用var声明的变量，其作用域为该语句所在的函数内，且存在变量提升现象；
使用let声明的变量，其作用域为该语句所在的代码块内，不存在变量提升；
使用const声明的是常量，在后面出现的代码中不能再修改该常量的值。
控制结构
JavaScript 的 for 循环与 C 和 Java 中的相同：使用时可以在一行代码中提供控制信息。
for(vari=0;i<5;i++){// 将会执行五次}
JavaScript 也还包括其他两种重要的 for 循环： for...of
有着同for...in一样的简洁语法，但是没有for...in那些缺点。
不同于forEach方法，它可以与break、continue和return配合使用。
提供了遍历所有数据结构的统一操作接口。
for(letvalueofarray){// do something with value}
和 for...in ，for...in循环主要是为遍历对象而设计的，不适用于遍历数组。：
for(letpropertyinobject){// do something with object property}
var arr = ['a', 'b', 'c', 'd'];
for (let a in arr) {
console.log(a); // 0 1 2 3
console.log(arr[a]);// a b c d
}
for (let b of arr) {
console.log(b); // a b c d
}
ECMAScript 5 增加了另一个遍历数组的方法，forEach()：
var a = [1,2,3];
a.forEach(function(value,index,arr) {
arr[index] = value + index;
})
console.log(a); >>[1, 3, 5] // 第一个参数表示值，第二个参数表示索引，第三个参数表示数组本身。2,3参数可以省略。
除了 forEach() 和 push()，Array（数组）类还自带了许多方法。可以通过查看 Array 方法的完整文档了解更多方法。
函数
学习 JavaScript 最重要的就是要理解对象和函数两个部分。最简单的函数就像下面这个这么简单：
function add(x, y) {
var total = x + y;
return total;
}
这个例子包括你需要了解的关于基本函数的所有部分。一个 JavaScript 函数可以包含 0 个或多个已命名的变量。函数体中的表达式数量也没有限制。你可以声明函数自己的局部变量。return 语句在返回一个值并结束函数。如果没有使用 return 语句，或者一个没有值的 return 语句，JavaScript 会返回 undefined。
匿名函数
匿名函数又叫立即执行函数。因为是匿名的，所以不能被调用。因为不能被调用，所以不立即执行的话就没意义了。因为立即执行，所以在执行完之后就会被销毁。
总共有三种方式表示，只关注了最常用的写法。
（function(){
// 常用
}）();
内部函数
一个函数内部定义函数。下面的博客里面有详细的内部函数代码说明。
闭包
闭包的定义：闭包是函数和声明该函数的词法环境的组合。
function makeFunc() {
var name = "Mozilla";
function displayName() {
alert(name);
}
return displayName;
}
// 闭包.
var myFunc = makeFunc();
myFunc();
JavaScript中的函数会形成闭包。 闭包是由函数以及创建该函数的词法环境组合而成。这个环境包含了这个闭包创建时所能访问的所有局部变量。在我们的例子中，myFunc 是执行 makeFunc 时创建的 displayName 函数实例的引用，而displayName 实例仍可访问其词法作用域中的变量，即可以访问到 name。由此，当 myFunc 被调用时，name 仍可被访问，其值 Mozilla 就被传递到alert中。
