zoukankan      html  css  js  c++  java
  • js的变量作用域 ,变量提升

    (function(){
        a = 5;
        alert(window.a);
        var a = 10;
        alert(a);
    })();
    

    结果: undefined 10


    代码等同于下面

    var a = undefined;   //定义全局变量
    (function(){
    	var a;     // 
        a = 5;     // a = 5;但是被局部变量覆盖,这时候的a是局部变量
        alert(window.a);  //a = undefined; 试图访问全局变量a,可是并没有赋值
        a = 10;           //依然是局部变量a
        alert(a);         //a = 10
    })();
    

    分析:
    1.在产生一个作用域的时候,会预编译一次里面的变量,其中的动作是将所有的变量名,函数名,提前定义,然后在赋予当前的变量的所在作用域,运行。
    2.变量名的定义会覆盖函数名,可是函数名(见下面)

    var a;
    function a(){
    	alert(12);
    }
    a();      //alert(12)
    a = 10;   
    a();      //Uncaught TypeError: a is not a function
    

    a的定义,function的定义 换个顺序

    	(function(){
    	   var a=10;
    	   function a(){
    	   	 alert(2);
    	   	 return 8;
    		}
    	   alert(a); 
    	   alert(a());//Uncaught TypeError: a is not a function
    	})();
    	//分析:a() 的函数名并不会覆盖变量名
    
    	function a(){
    	   	alert(2);
    	   	return 8;
    	}
    	(function(){
    	   var a=10;
    	   alert(a);   // 10
    	   alert(a());//结果:Uncaught TypeError: a is not a function;如果把函数名称换成c,那么js会往上级查找,如果在本作用域中找到a,那么直接调用,这时的调用会忽略a的类型(若类型的语言?)
    	   alert(window.a());// 2, 8
    	})();
    
    • 在建立以一个作用域时,编译时,变量的声明会提前,在确定作用域,运行。
    • js中的变量名不会被同名的函数覆盖,而同名的函数会被变量覆盖。
    • 在js中调用函数,如果有同名的变量,那么会直接调用这个变量,不会向上查找,如果没有这个变量,才会向上查找
  • 相关阅读:
    三、FileStream 文件流基本操作
    NetCore3.1+Flurl..Http_FluentHttp 增删改查
    CryptoJS与C#AES加解密互转
    C#生成随机字符串
    IIS发布网站之后,页面图片和js未加载出错
    web中浏览PDF文件
    ASP.NET下使用Combres对JS、CSS合并和压缩
    jQuery截取字符串、日期字符串转Date、获取html中的纯文本
    jquery格式化时间
    jQuery限制文本框的输入长度
  • 原文地址:https://www.cnblogs.com/Alencong/p/5869401.html
Copyright © 2011-2022 走看看