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