var声明与变量提升

var声明与变量提升

变量声明

  • JavaScript中,使用一个变量之前,先用var关键字声明它,变量如果没有赋值,则初始化值为undefined
  • 声明变量时,如果不写var,则会被定义为全局变量,而且并不是在函数内部写了变量,这个变量就属于这个函数的作用域;必须用var来声明,这个变量才会属于这个作用域

作用域

  • 一个变量的作用域就是变量起作用的范围区间。在ES5中,js只有两种形式的作用域:全局作用域和函数作用域
  • 函数允许访问函数外的变量,代码中只有函数才可以限定作用域
  • 当前函数作用域中的变量能覆盖全局作用域中的同名变量
  • 分析作用域首先理解变量提升规则

变量提升

  • var关键字声明的变量,无论实际声明的位置在何处,都会被视为声明在函数的顶部(如果声明不在任意函数内,则视为在全局作用域的顶部)
  • JavaScript引擎的工作方式是,先预解析代码, 获取所有被声明的变量和函数声明,然后再一行一行地运行,这就使所有变量声明的语句,都会被提升到代码的头部,这就是变量提升
     console.log(a);     //undefined
     var a = 1;
     console.log(a);    // 1

上面代码首先在控制台显示未声明的变量,本来是错误的做法但是没有报错.因为JS的变量提升.真正运行的是以下代码

     var a ;
     console.log(a);
     a = 1;
     console.log(a);       

在ES5中,js只有两种形式的作用域:全局作用域和函数作用域
全局作用域其实是全局对象的作用域,任意地方都可以访问到(如果没有被函数作用域覆盖)

	var i = 2;   //全局变量,全局作用域
	function outer(){   //定义外部函数
	    console.log(i);  //访问全局变量  2
	    function inner(){ //定义内部函数
		    console.log(i);   //访问全局函数 2
		}
	    inner(); 
	}
    outer();
    console.log(i); //2

函数内部定义变量时,如果不写var,比如下面的x = 8,则会被定义为全局变量,作用域为全局作用域,在声明语句后的任何位置都可以访问,否则为局部变量,则作用域为函数作用域.

	function getResult(){    //定义外部函数
	    var c = 4; //定义局部变量
	    function open(){  //定义内部函数
		    x = 8;
		    var y = 9;
		    console.log(c);   // 访问函数外部的局部变量 4
		}
	    open();
	    console.log(x);
	  //console.log(y);    //局部变量.访问不了,报错未定义
	}
	getResult();
	console.log(x);
  //console.log(y);  //局部变量.访问不了,报错未定义

函数提升

  • 函数的定义:
    函数表达式 var f1 = function(){ alert();} //匿名方式
    声明式函数 function f2(){ alert();} //命名方式 先于函数执行代码被解析器解析
    1)函数表达式中的函数声明不会被提升,变量会被提升,如上面的举例代码
    2)声明式函数中,函数同名,函数全部提升,后者覆盖前者
    var p = 1;
    function add(num){
    return num = num + 1;
    }
    y = add(p);

    function add(num){
    return num= num+ 2;
    }
    z = add(p);
    console.log(y);  //3
    console.log(z);  //3    

3)如果有变量和函数同名,则会忽略掉变量,只提升函数

    console.log(foo);    //   foo(){ }
    function foo(){  }
    var foo = 2;
    console.log(foo);   //  2    
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页