首页 > 专栏 > 前端 > 文章详情
js 中加 var 和不加 var 的区别 发布于:2021-03-05 15:37:02   原创发表   查看:3  讨论:0
var num1 = 1;p8t易塔云建站-模板下载,web开发资源,技术博客
num2 = 2;p8t易塔云建站-模板下载,web开发资源,技术博客
// delete num1;  //无法删除p8t易塔云建站-模板下载,web开发资源,技术博客
// delete num2;  //删除p8t易塔云建站-模板下载,web开发资源,技术博客
function model(){p8t易塔云建站-模板下载,web开发资源,技术博客
    var num1 = 222; // 本地变量p8t易塔云建站-模板下载,web开发资源,技术博客
    num2 = 222;     // window的属性p8t易塔云建站-模板下载,web开发资源,技术博客
    // 匿名函数p8t易塔云建站-模板下载,web开发资源,技术博客
    (function(){p8t易塔云建站-模板下载,web开发资源,技术博客
        var num = 333; // 本地变量p8t易塔云建站-模板下载,web开发资源,技术博客
        num1 = 444; // 继承作用域(闭包)p8t易塔云建站-模板下载,web开发资源,技术博客
        num3 = 555; // window的属性p8t易塔云建站-模板下载,web开发资源,技术博客
    }());p8t易塔云建站-模板下载,web开发资源,技术博客
    console.log(num1);p8t易塔云建站-模板下载,web开发资源,技术博客
}p8t易塔云建站-模板下载,web开发资源,技术博客
model();p8t易塔云建站-模板下载,web开发资源,技术博客
console.log(num1);p8t易塔云建站-模板下载,web开发资源,技术博客
console.log(num2);p8t易塔云建站-模板下载,web开发资源,技术博客
console.log(num3);

var num = 1;p8t易塔云建站-模板下载,web开发资源,技术博客

是在当前域中声明变量. 如果在方法中声明,则为局部变量(local variable);如果是在全局域中声明,则为全局变量。p8t易塔云建站-模板下载,web开发资源,技术博客

而 num = 1;p8t易塔云建站-模板下载,web开发资源,技术博客

事实上是对属性赋值操作。首先,它会尝试在当前作用域链(如在方法中声明,则当前作用域链代表全局作用域和方法局部作用域etc。。。)中解析 num;p8t易塔云建站-模板下载,web开发资源,技术博客
如果在任何当前作用域链中找到num,则会执行对num属性赋值;p8t易塔云建站-模板下载,web开发资源,技术博客
如果没有找到num,它才会在全局对象(即当前作用域链的最顶层对象,如window对象)中创造num属性并赋值。p8t易塔云建站-模板下载,web开发资源,技术博客

注意!它并不是声明了一个全局变量,而是创建了一个全局对象的属性。p8t易塔云建站-模板下载,web开发资源,技术博客

即便如此,可能你还是很难明白“变量声明”跟“创建对象属性”在这里的区别。p8t易塔云建站-模板下载,web开发资源,技术博客
事实上,Javascript的变量声明、创建属性以及每个Javascript中的每个属性都有一定的标志说明它们的属性----如只读(ReadOnly)不可枚举(DontEnum)不可删除(DontDelete)等等。p8t易塔云建站-模板下载,web开发资源,技术博客

由于变量声明自带不可删除属性,比较var num = 1 跟 num = 1,前者是变量声明,带不可删除属性,因此无法被删除;p8t易塔云建站-模板下载,web开发资源,技术博客
后者为全局变量的一个属性,因此可以从全局变量中删除。p8t易塔云建站-模板下载,web开发资源,技术博客
p8t易塔云建站-模板下载,web开发资源,技术博客
PS. 在ECMAScript5标准中,有一种“严格模式”(Strict Mode)。在严格模式中,为未声明的标识符赋值将会抛引用错误,因此可以防止意外的全局变量属性的创造。p8t易塔云建站-模板下载,web开发资源,技术博客
目前一些浏览器的新版本已经支持。p8t易塔云建站-模板下载,web开发资源,技术博客

评论

  • 匿名