js通过var定义全局变量与在window对象上直接定义属性的区别说明
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>
以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341