介绍JS中的let变量:

let var1 [= value1] [, var2 [= value2]] [, ..., varN [= valueN]];

let允许你声明一个作用域被限制在块级中的变量、语句或者表达式。在Function中局部变量推荐使用let变量，避免变量名冲突。

作用域规则

let 声明的变量只在其声明的块或子块中可用，这一点，与var相似。二者之间最主要的区别在于var声明的变量的作用域是整个封闭函数。

function varTest() {
    var x = 1;
    if (true) {
        var x = 2;       // 同样的变量!
        console.log(x);  // 2
    }
    console.log(x);  // 2
}

function letTest() {
    let x = 1;
    if (true) {
        let x = 2;       // 不同的变量    
        console.log(x);  // 2  
    }
    console.log(x);  // 1
}

const 关键字用来声明 JavaScript中的常量（与变量相对，不可修改，但同样是用于存储信息的"容器"。），常量的值不能通过重新赋值来改变，并且不能重新声明。

代码：

//定义常量a并赋值为0
const a = 0;

//报错（不能重新赋值）
a = 1;

//报错（不能重新声明）
const a = 2;

//输出0
console.log("a is: " + a);

JavaScript 允许重复声明变量，后声明的覆盖之前的

var a = 1;
var a = 'x';
console.log(a);
// 输出 'x'

JavaScript 允许重复定义函数

JavaScript 没有重载这个概念，它仅依据函数名来区分函数。

后定义的同名函数覆盖之前的，与参数无关。

function test() {
    console.log("test");
}
test();     //输出 "test arg0 + undefined"

function test(arg1) {
    console.log("test arg" + arguments.length + " + " + arg1);
}
test(1,2);  //输出 "test arg2 + 1"

实参个数如果比形参少，那么剩下的默认赋值为 undefined，如果实参传的比形参数量多，那么是全部都会被传进去的，只不过没有对应的形参可以引用（但可以用 arguments 来获取剩下的参数）。

function test(arg1) {
    for(var i=0; i<arguments.length; i++) {
        console.log(arguments[i]);
    }
}
test(1,2); //输出 1 2

变量与函数重名的时候，变量生效

这涉及到了变量和函数的预解析：

• 变量声明会被顶置，函数声明也会被顶置且比变量更先声明。
• 变量的声明和赋值语句一起写时，JS引擎在解析时，会将其拆成声明和赋值2部分，声明置顶，赋值保留在原来位置。
• 声明过的变量不会再重复声明。

var a = 100;
function a() {
    return "function";
}
console.log(a);     //输出 100
console.log(a());   
/*
报错
Uncaught TypeError: a is not a function
    (anonymous function) @test.html:9
*/

JS 中有两种函数，一种是普通函数，一种是函数对象。下面的这种就是“函数对象”，它实际上是声明一个匿名函数，然后将该函数的 init 方法赋值给该变量。

var a = 100;
var a = function() {
    return "function";
}
console.log(a);
/* 
输出
function() {
    return "function";
}
*/
console.log(a());   //输出 "function"

函数与内部变量重名

定义普通函数，即在 window 变量下，定义一个 key，它的名字为该函数名，值为该函数的地址。函数内部的 this 指向 window 对象。

function a() {
    console.log(this);  //输出 window{...}
    this.a = 1;         //即 window.a = 1，此时window下的function a已经被该变量覆盖了。
    var a = 5;          //下面的这几个变量都是局部变量，仅在花括号范围内有效。  
    a = 10;
    var v = "value"
    return "function";
}
console.log(a);         //输出 function a {...}
console.log(a());       //输出 "function"
console.log(a);         //输出 1
console.log(v);
/*
输出
Uncaught ReferenceError: v is not defined
    (anonymous function) @ mycolor.html:15
*/

-----------------------------------------------------------------

同名声明赋值的变量：逐条进行-后者覆盖前者。（同级别覆盖）

var a = 1; 
var a = 2;
console.log(a); // 输出结果：2

同名声明赋值的-函数和变量：逐条进行-后者覆盖前者。（同级别覆盖）

var a = 1; 
var a = function () {     
}
console.log(a); //输出结果： a 函数

-----------------------------------------------------------------

注：var f = function () {} 和 function f () {} 的区别（有var就有内存）

var f = function () {console.log("有var")} // 声明函数
function f () {} // 未声明函数
console.log(f); // 输出结果： 有var的f函数

-----------------------------------------------------------------

同名声明的变量：赋值的级别高。（同名声明未赋值）

var a = 1; // 赋值
var a; // 未赋值
console.log(a); // 输出结果： 1

-----------------------------------------------------------------

声明和未声明的同名变量：后者是重新赋值。（同名未声明赋值）

var a = 1; // 声明赋值
a =2 ; // 未声明变量
console.log(a);    // 输出结果： 2 
var f = function () {} // 声明赋值
f = function () {console.log("赋值")} // 未声明变量
console.log(f);   // 输出结果：function () {console.log("赋值")}