js数据类型、变量提升、函数提升、作用域、作用域链

*数据类型

• 七种基本数据类型：

• 布尔值（Boolean），有 2 个值分别是：true 和 false.

• null，一个表明 null 值的特殊关键字。JavaScript 是大小写敏感的，因此 null 与 Null、NULL或变体完全不同。

• undefined，和 null 一样是一个特殊的关键字，undefined 表示变量未赋值时的属性。

• 数字（Number），整数或浮点数，例如： 42 或者 3.14159。

• 任意精度的整数 (BigInt) ，可以安全地存储和操作大整数，甚至可以超过数字的安全整数限制。

• 字符串（String），字符串是一串表示文本值的字符序列，例如："Howdy" 。

• 代表（Symbol）( 在 ECMAScript 6 中新添加的类型).。一种实例是唯一且不可改变的数据类型。

• 以及对象（Object）。

*变量提升

JavaScript 变量的另一个不同寻常的地方是，你可以先使用变量稍后再声明变量而不会引发异常。这一概念称为变量提升；JavaScript 变量感觉上是被“提升”或移到了函数或语句的最前面。但是，提升后的变量将返回 undefined 值。因此在使用或引用某个变量之后进行声明和初始化操作，这个被提升的变量仍将返回 undefined 值。

/**
 * 例子 1
 */
console.log(x === undefined); // true
var x = 3;


/**
 * 例子 2
 */
// will return a value of undefined
var myvar = "my value";

(function() {
  console.log(myvar); // undefined
  var myvar = "local value";
})();

上面的例子，也可写作：

/**
 * 例子 1
 */
var x;
console.log(x === undefined); // true
x = 3;

/**
 * 例子 2
 */
var myvar = "my value";

(function() {
  var myvar;
  console.log(myvar); // undefined
  myvar = "local value";
})();

*函数提升

对于函数来说，只有函数声明会被提升到顶部，而函数表达式不会被提升。

/* 函数声明 */

foo(); // "bar"

function foo() {
  console.log("bar");
}


/* 函数表达式 */

baz(); // 类型错误：baz 不是一个函数

var baz = function() {
  console.log("bar2");
};

*全局作用域

顾名思义，全局作用域就是能够在全局使用，可以在代码的任何地方被调用。示例：创建一个拥有全局作用域的变量a

var a=0;
function fun(){
    conslie.log(a);//在函数内部访问变量a
}
console.log(a);//在最外层访问变量a

*局部作用域

局部作用域只能作用于局部的代码片段，常见于函数内部，即函数内创建的变量，只能作用于函数内部，函数外部无法使用函数内部创建的变量。示例：创建一个拥有局部作用域的变量b

function fun(){
    var b=1;
    console.log(b);//1
}
console.log(b);//b is not defined

*块级作用域

块级作用域是es6新增的，使用let关键字创建变量、const关键字创建常量（当然let、const也会有自己的语法规范，这里不过多展开），作用域只存在于{}花括号内。示例：创建一个拥有局部作用域的变量c

function fun(){
    let c=1;
    const d=2;
    console.log(c);//1
    console.log(d);//2
}
console.log(c);//c is not defined

*作用域链

当你要访问一个变量时，首先会在当前作用域下查找，如果当前作用域下没有查找到，则返回上一级作用域进行查找，直到找到全局作用域，这个查找过程形成的链条叫做作用域链。

var a = 0;
var b = 0;

function fun1() {
    var b = 1;
    function fun2() {
        console.log(b);//1 在当前作用域下没有找到，到上一级作用域中查找
    }
    fun2();
    console.log(b);//1
}
fun1();
console.log(b);//0