先恶补下JavaScript，很久没写过前端代码，把css，html，JavaScript基础知识再学习一下。

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中。

---