js 声明变量带var和不带的区别

全局上下文中

  • 带var的变量是 声明一个全局变量,不能被delete删除
  • 不带var的变量是 创建一个全局对象(window)的属性,可以用delete关键字删除

函数上下文中

  • 带var的变量是 声明一个私有变量
  • 不带var的变量,处理机制是
    • 沿作用域链向上查找该变量,是哪个上下文中声明的变量,就改变哪个上下文中的变量
    • 如果所有上下文中都没有该变量,则给全局对象 window,添加一个同名属性
var num1 = 1;
delete num1; ?//变量不能被删除?
console.log("num11 = ", num1) //=>1

num2 = 2;// window 添加属性 num2:2
// delete num2; ?//属性可以被删除?
console.log("num21 = ", num2) //=>2  delete num2 后报错,Uncaught ReferenceError: num2 is not defined

function model() {
    var num1 = 2; // 函数 model 私有变量
    
    num2 = 3; ? ? // 改变全局对象 window 属性 num2:3
    console.log("num22 = ", num2);//=>3
    console.log("window.num2 = ", window.num2);//=>3

    // 自执行匿名函数?,只有当外层函数执行的时候,才会执行
    (function () {
        var num3 = 4; // 匿名函数私有变量?
        console.log("num31 = ", num3)//=>4

        num1 = 5;?// 改变的是上级 model私有上下文中的 num1
        console.log("num12 = ", num1) //=>5
        console.log("window.num1 = ", window.num1) //=>1

        num3 = 6; // 改变的是 匿名函数私有变量 num3?
        console.log("num32 = ", num3)//=>6
        console.log("window.num3 = ", window.num3) //=> undefined

        num4 = 7 // 给全局对象 window 添加属性 num4:7
        console.log("num41 = ", num4)//=>7
        console.log("window.num4 = ", window.num4) //=>7
    })()
    // model 私有变量
    console.log("num13 = ", num1) //=> 5
    // console.log("num33 = ", num3)//=>Uncaught ReferenceError: num3 is not defined
}
model()
// 全局变量
console.log("num14 = ", num1)//=>1
console.log("window.num1 = ", window.num1)//=>1

console.log("num42 = ", num4)//=>7
console.log("window.num4 = ", window.num4)//=>7

// console.log("num33 = ", num3)//=>Uncaught ReferenceError: num3 is not defined

// delete num2
// console.log("num23 = ", num2) // delete 之后,报错 Uncaught ReferenceError: num2 is not defined

js 声明变量带var和不带的区别

上一篇:PHP解决imagecopymerge合成图片后黑色边角的问题


下一篇:kubernetes之YAML文件