JS中通过var定义全局变量与在window对象上直接定义属性的区别 |
您所在的位置:网站首页 › js不用var定义变量 › JS中通过var定义全局变量与在window对象上直接定义属性的区别 |
关于window
一、所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 二、全局变量是 window 对象的属性。 三、全局函数是 window 对象的方法。 所有在全局作用域中声明的变量、函数都会变成window对象的属性和方法。如: var name = "xiaomi"; console.log(window.name);//"xiaomi" 区别一全局变量不能通过delete删除,而window属性上定义的变量可以通过delete删除: var num1=123; window.num2=456; delete num1; delete num2; console.log(num1); //123 console.log(num2); //num2 is not defined全局变量num1之所以不能通过delete删除,是因为通过var语句添加的全局变量有一个configurable属性,其默认值为false,如下,所以这样定义的属性不可以通过delete删除。 var num1=123; window.num2=456; Object.getOwnPropertyDescriptor(window, "num1"); //Object {value: 123, writable: true, enumerable: true, configurable: false} Object.getOwnPropertyDescriptor(window, 'num2'); //Object {value: 456, writable: true, enumerable: true, configurable: true} 区别二尝试访问未声明的变量会报错,xxx is not defined。 但是通过查询window查询,可以知道某个可能未声明的变量是否存在,不会报错,只会显示undefined。 console.log(num1); // undefined var num1=123; console.log(num2); // ReferenceError: a is not defined window.num2=456;这一点可以用预编译解释,var声明的变量会提升声明到顶部。 区别三在函数中使用var定义的变量是局部变量。 有时想要在外部也访问到函数里面的变量,就需要定义window对象属性。 function () { var num1 = 123; window.num2 = 456; } console.log(num1); //num1 is not defined console.log(num2); //456 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |