变量作用域、let、const详解

1.变量的作用域

在JavaScript中var定义的变量实际是有作用域的

假设在函数体中申明，函数外是不可以使用的~(要想实现，可以去研究一下闭包)

   function aaa(x) {
            var a=1;
            a=a+1;
        }
        a=a+1;   //SCRIPT5009: SCRIPT5009: ‘a‘ is not defined

内部函数可以访问外部函数的成员，反之却不行

function aj() {
    var a=1;
    // 内部函数可以访问外部函数的成员，反之却不行
    function aj2() {
        var b=a+1;  //2
    }
    var c=b+1; // ‘c‘ is not defined
}

假设内部函数变量和外部函数重名！

在JavaScript中函数查找变量从自身函数开始，内部函数有该变量则会屏蔽外部（由内向外查找）

function aj() {
    var a=1;

    function aj2() {
      var a=‘A‘
        console.log(‘inner‘+a);    //innerA
    }
    console.log(‘outer‘+a)   // outer1
    aj2()
}

提升变量的作用域

function aj() {
            var x = ‘x‘+ y;
            console.log(x);    // xundefined
            var y=‘y‘;      //相当于在最前面声明了  var y;
        }
        aj();

结果：xundefined

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

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

全局函数

var a=1;  //全局变量
function f() {
    console.log(a);
}
console.log(a);
f();

全局对象window

 var x=‘xxx‘;
        alert(x);
        alert(window.x);  //默认所有的全局变量，都会自动绑定在window对象下

alert()这个函数本身也是一个window变量

 var x=‘xxx‘;
        window.alert(x);
        var old_alert = window.alert;

        window.alert=function () {

        }
        //发现alert失效了
        alert(‘123‘);
        window.alert=old_alert;
        恢复
        alert(‘456‘);     //结果弹出xxx ，然后弹出 456

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

规范

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

（如何能够减少冲突）

  //唯一全局变量
        var lengapp={};
        
        //定义全局变量
        lengapp.name=‘lengfeng‘;
        lengapp.add=function (a,b) {
            return a+b;
        }

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

jQuery : jQuery. $()

局部作用域let

 for (var i = 0; i < 100; i++) {
            console.log(i);
        }
        console.log(i+1); // 101      i出了作用域还能使用   问题？

ES6 let关键词 解决局部作用域冲突问题

 for (let i = 0; i < 100; i++) {
            console.log(i);
        }
        console.log(i+1); // SCRIPT5009: SCRIPT5009: ‘i‘ is not defined

建议用let去定义局部作用域的变量

常量 const

在ES6之前怎么定义常量：只有用全部大写字母定义的变量就是常量，建议不要修改这样的值

var PI=‘3.1415926‘

在ES6 引入常量关键字const

 const PI=‘3.14159‘ //只读变量   常量

JavaScript学习 （5）变量作用域、let、const详解

原文：https://www.cnblogs.com/shenhuagushisu/p/14493566.html