变量的作用域

最新推荐文章于 2023-08-11 08:00:00 发布

weixin_33796177

最新推荐文章于 2023-08-11 08:00:00 发布

阅读量120

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Knowledge-is-infinite/p/10614788.html

版权

变量的作用域：

作用：起作用。

域：范围，区域。

1，变量的生命周期。

2，哪里可以访问变量。

----------------作用域-----------

1，全局作用域全局都可以访问的变量的区域

2，局部作用域：主要就是函数作用，理解为：函数体内部的执行环境。

不存在的变量或函数会报错；不存在的属性或方法，返回undefined；

javascript 没有块级作用域：

比如

{ ...... } //在这个花括号里面的变量就叫块级作用域，但JS中没有块级作用。

比如：

if(){......} for(){.....)等等：

----------------------------------------

---------js没有块级作用，所以变量都是全局作用域------------

script type="text/javascript">
if (true) {
var name="xm"; //在js中没有块级作用域，所以，这里的name是全局变量。
};
document.write(name);//输出：xm
</script>

--------------------

script type="text/javascript">
if (true) {
var a.name="xm"; //这里的对象a没有声明，所以会出现uncaught SystaxError的错误。
};
document.write(a.name);// 虽然js不存在块级作用，但是每个对象必须声明。变量可以直接使用，如：name等于 var name。
</script>

-----------------

因为不用var声明的变量是全局变量，y是全局变量，可以输出；x是局部变量，因此输出x会报错。

因为不用var声明的变量是全局变量，y是全局变量，可以输出；x是局部变量，因此输出x会报错。

---------------

在JS中，主要是全局变量和，函数变量（局部变量）

说白了，下面的两个a完全不同，第一个是全局变量，函数内的是局部变量。

-------

下一个例子完全相反：

-------

说白了，下面只有一个全局变量a。

===============

全局作用域的变量对象 window:

-------------------------

局部作用域的变量对象 :

　　var b=10;
　　function fn(){

　　　　var c=20;
　　　　return a+b+c+20;
　　}
}
</script>

解析：

1，全局作用域变量对象

　　window.a===a

　　window.add===add

2，add函数的局部作用变量对象，是看不见摸不着的，假如局部变量的变量对象是：add

　　add.b===b

　　add.fn===fn

3，fn函数的局部作用变量对象，是看不见摸不着的，假如局部变量的变量对象是：fn

　　fn.c===c

三个作用域就连成了一个作用域链：

作用域都是从内层向外层查找属性值。

如查找 fn.c 的值的查找顺序----fn局部作用域----add局部作用域-----window全局作用域，取最近存在的值，即：fn.c=20，如果不存在，返回undefined

如查找 fn.a 的值的查找顺序----fn局部作用域----add局部作用域-----window全局作用域，fn.a=window.a=70。

如查找 add.a 的值的查找顺序 ---add.a局部作用域 -----window全局作用域，add.a=window.a=70

如查找 add.c 的值的查找顺序----add.a局部作用-----window全局作用域，不存在，所以add.c 返回：undefined，这里add.c!==fn.c，只可以向外查找，不能向内查找。

所以，局部变量一定比全局变量效率高，内层变量一定比外层变量效率高。

============

通过 with(obj) 来延长作用域链，但是这个很鸡肋，降低效率，还有其他一切问题，不推荐使用，了解即可，如下代码：

全局变量对象window的属性及方法：
1，window.person对象
2，window.score属性*/
　　var person={};
　　var person.name="xm"；
　　var person.sex="male";
　　var score=80;

/*局部变量对象person
1，person.name 等价于修改了上面的window.person.name
2，person.sex 等价于修改了上面的window.person.sex
3，person.score 等价于widow.score*/
with(person){
　　name="xh";//全局属性中已经定了变量对象window的属性person对象中name的属性，所以这里只是重新赋值。
　　sex="female";//全局属性中已经定了变量对象window的属性person对象中sex的属性，所以这里只是重新赋值。
　　score=90; //因为person不存在该属性，全局属性中已经定了person的属性，所以继承了window.score的值，并且修改了。
}
</script>

============

//以下 person未定义的变量报错

document.write(person || person="xm");
document.write(window.person || window.person="xm");
</script>

不存在的变量或函数会报错；不存在的属性或方法，返回undefined；||是短路操作，形如a||b，如果a的值转换成布尔值是true的话，a||b等于a；如果a的值转换成布尔值是false的话，a||b等于b。

--------------------

<body>
<button>1</button>
<button>2</button>
<button>3</button>
<script type="text/javascript">
var btns=document.getElementsByTagName('button');
for (var i = 0; i < btns.length; i++) {
btns[i].οnclick=function(){
alert(i);
}
}
</script>
</body>

以上是：这里是由于先绑定，后触发，给每个按钮绑定事件，但是在触发的时候i已经是循环完之后，所以i的值一直都是3。

转载于:https://www.cnblogs.com/Knowledge-is-infinite/p/10614788.html

weixin_33796177

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
变量的作用域

变量的作用域：作用：起作用。域：范围，区域。1，变量的生命周期。2，哪里可以访问变量。----------------作用域-----------1，全局作用域全局都可以访问的变量的区域2，局部作用域：主要就是函数作用，理解为：函数体内部的执行环境。不存在的变量或函数会报错；不存在的属性或方法，返回undefined；javascript 没有块...
复制链接

扫一扫