目录
- js var定义全局变量与在window对象上直接定义属性区别
- 关于window
- 区别一
- 区别二
- 区别三
- js中定义的全局变量,局部变量
- 关于变量和参数问题
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 |
js中定义的全局变量,局部变量
关于变量和参数问题
| var a = 2; //全局变量 | |
| function func() | |
| { | |
| var a = 1; //局部变量 | |
| a = 2; //全局变量 | |
| } |
函数外面定义的变量是全局变量，函数内可以直接使用。
在函数内部没有使用var定义的=变量则为全局变量，
*在函数内使用var关键字定义的变量是局部变量，即出了函数外边无法获取。
js函数定义的参数没有默认值,(形参的默认值在之前只有新版火狐支持,目前新版的chrome浏览器也可以支持)
JS中声明全局变量主要分为显式声明或者隐式声明下面分别介绍。
声明方式一：
使用var（关键字）+变量名(标识符)的方式在function外部声明，即为全局变量，否则在function声明的是局部变量。该方式即为显式声明详细如下：
| var test = 5;//全局变量 | |
| function a(){ | |
| var a = 3;//局部变量 | |
| alert(a); | |
| } | |
| function b(){ | |
| alert(test); | |
| } | |
| //a();//调用a方法，那么方法里面的内容才会执行 | |
| //b();//同上 |
声明方式二：
没有使用var，直接给标识符test赋值，这样会隐式的声明了全局变量test。即使该语句是在一个function内，当该function被执行后test变成了全局变量。
| test = 5;//全局变量 | |
| function a(){ | |
| aa = 3;//也是全局变量 | |
| alert(test); | |
| } | |
| //a(); //输出5 | |
| //alert(aa);//这里也可以方法a()方法里面的变量，因为aa是全局变量 |
声明方式三：
使用window全局对象来声明，全局对象的属性对应也是全局变量，详细如下：
| <script> | |
| window.test = 50; | |
| alert(test);//输出50 | |
| </script> |