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

  • var在函数内部定义变量,则函数体外不可用

  • 内部函数可以访问外部函数的成员,反之不可以

  • 如果两个函数使用了相同的变量名,只要是在函数内部就不会冲突

  • 如果函数内部定义的变量名和外部的变量名一样,则遵循“从内而外”原则,先从自身函数查找,再从函数外部查找

<script>

  var a='gg'

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

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

</script>

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

提升变量的作用域

<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>

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

<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>

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

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

<script>

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

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

  }
</script>

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

常量 const

  • ES6之前,都是用大写字母命名的变量就是常量,建议不要修改这样的值,但是任然可以修改常量值,全靠自觉

  • ES6之后,引入const来定义常量,修改常量值会报错。

上一篇:中职网安 XSS漏洞笔记


下一篇:javascript中的字符串基础与方法