javaScript10-变量的作用域-const和let详解

2021-11-11 13:35:45 阅读：105 来源： 互联网

标签：function const 函数作用域 javaScript10 alert window var

var在函数内部定义变量，则函数体外不可用
内部函数可以访问外部函数的成员，反之不可以
如果两个函数使用了相同的变量名，只要是在函数内部就不会冲突
如果函数内部定义的变量名和外部的变量名一样，则遵循“从内而外”原则，先从自身函数查找，再从函数外部查找

<script>

  var a='gg'

  var aaa=function (){
      var a='kk'
      console.log('inner->'+a);//输出kk
  }

  console.log('outer->'+a);//输出gg

</script>

提升变量的作用域

<script>

  function ttt(){
    var x='x'+y;
    console.log(x);
    var y='y';
  }
//输出结果xundefined
</script>

说明：JS执行引擎，自动提升了y的声明，但是不会提升y的赋值

相当于如下代码：

<script>

  function ttt(){
    var y;
    var x='x'+y;
    console.log(x);
    y='y';
  }

</script>

养成规范：所有的变量定义都放在函数的头部，便于代码维护。

全局函数

全局对象 windows

<script>

  var x='kakaka';
  alert(x);
  alert(windows.x);
//输出结果相同
  
</script>

<script>

 
  window.alert(222);

  var old_alert=window.alert();

  window.alert=function (){};//相当于重新编写了alert函数，故原来的alert()函数失效了

  window.alert(123);//因为失效，无法弹出相应窗口

  window.alert=old_alert;//恢复

  window.alert(999);

</script>

JS实际只有一个全局作用域，任何变量（函数也可以视为变量），假设没有再函数范围内查找到，就会向外查找.如果全局作用域里也没有，就会报错referenceError

规范

由于我们的所有全局变量都会绑定到我们的window上，如果不同的JS文件使用了相同的全局变量，就会产生冲突

减少冲突的方法：定义一个唯一的全局变量（命名不要和window相同）

<script>

  // 唯一全局变量
  var kakaka={};

  //定义全局变量
  kakaka.name='卡卡';
  kakaka.add=function (a,b){
    return a+b;
  };

</script>

把自己的代码全部放入自己定义的唯一空间名字中，降低全局命名冲突的问题

局部作用域let

<script>

  function aaa(){
    for (var x=1;x<=5;x++) {
      console.log(x);
    }

    console.log(x+1);//x是for里面的局部变量，但是这里还是可以打印？

  }
</script>

ES6 引入了let，解决局部作用域冲突问题

<script>

  function aaa(){
    for (let x=1;x<=5;x++) {
      console.log(x);
    }

    console.log(x+1);//x是for里面的局部变量，因此不能打印，此处报错

  }
</script>

常量 const

ES6之前，都是用大写字母命名的变量就是常量，建议不要修改这样的值，但是任然可以修改常量值，全靠自觉
ES6之后，引入const来定义常量，修改常量值会报错。

标签：function,const,函数,作用域,javaScript10,alert,window,var
来源： https://www.cnblogs.com/kakafa/p/15539406.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javaScript10-变量的作用域-const和let详解