10变量以及作用域

javascript基础

作用域

作用域: 变量可以起作用的范围.

全局变量

在任何地方都可以访问到变量就叫做全局变量,对应全局作用域

局部变量

只在固定的代码区域内可以访问到的变量,对应局部作用域(函数作用域)

不使用var声明的变量是全局变量,不推荐.
局部变量退出作用域后就会被销毁,全局变量关闭页面或浏览器才会销毁

块级作用域

任何一对花括号（｛和｝）中的语句集都属于一个块，在这之中定义的所有变量在代码块外都是不可见的，我们称之为块级作用域。
在es5之前没有块级作用域的的概念,只有函数作用域，现阶段可以认为JavaScript没有块级作用域.

作用域链

只有函数可以制造作用域结构， 那么只要是代码，就至少有一个作用域, 即全局作用域。凡是代码中有函数，那么这个函数就构成另一个作用域。如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域。

将这样的所有的作用域列出来，可以有一个结构: 函数内指向函数外的链式结构。就称作作用域链。

// 案例1：
function f1() {
    function f2() {
    }
}

var num = 456;
function f3() {
    function f4() {    
    }
}

// 案例2
function f1() {
    var num = 123;
    function f2() {
        console.log(num); 
    }
    f2();
}
var num = 456;
f1();

预解析

javascript代码的执行是有浏览器中的javascript解析器来执行的.

javascript解析器执行javascript代码的时候,分为两个过程: 预解析过程和代码执行过程.

• 预解析过程:

  把变量的声明提升到当前作用域的最前面,只会提升声明,不会提升赋值.

  把函数的声明提升到当前作用域的最前面,只会提升声明,不会提升作用.

  先提升var,再提升fuction.

案例:

//案例1
var a = 25;
function abc() {
  alert(a); 
  var a = 10;
}
abc();


// 案例2
console.log(a);
function a() {
  console.log('aaaaa');
}
var a = 1;
console.log(a);

变量提升

• 变量提升

• 定义变量的时候，变量的声明会被提升到作用域的最上面，变量的赋值不会提升。

• 函数提升

  JavaScript解析器首先会把当前作用域的函数声明提前到整个作用域的最前面

// 1、-----------------------------------
var num = 10;
fun();
function fun() {
  console.log(num);
  var num = 20;
}
//2、-----------------------------------
var a = 18;
f1();
function f1() {
  var b = 9;
  console.log(a);
  console.log(b);
  var a = '123';
}
// 3、-----------------------------------
f1();
console.log(c);
console.log(b);
console.log(a);
function f1() {
  var a = b = c = 9;
  console.log(a);
  console.log(b);
  console.log(c);
}  
//a是局部变量,b/c是全局变量,使用了var后,就会变成局部变量,没有使用var就是全局变量.

var a = b = c = 9;
console.log(a);
console.log(b);
console.log©;
}
//a是局部变量,b/c是全局变量,使用了var后,就会变成局部变量,没有使用var就是全局变量.