全局变量是个魔鬼,令人头痛。据说庞大的YUI只用了两个全局变量,真是令人赞叹!
JavaScript 有两种变量:全局变量和局部变量。
如果在任何函数定义之外声明了一个变量,则该变量为全局变量,且该变量的值在整个持续范围内都可以访问和修改。
如果在函数定义内声明了一个变量,则该变量为局部变量。每次执行该函数时都会创建和破坏该变量;且它不能被该函数外的任何事物访问。
局部变量一定要以var申明,否则是全局变量。
??? 像 C++ 这样的语言也有“块范围”。在这里,任何一对“{}”都定义新的范围。JavaScript 不支持块范围。
??? 一个局部变量的名称可以与某个全局变量的名称相同,但这是完全不同和独立的两个变量。因此,更改一个变量的值不会影响另一个变量的值。在声明局部变量的函数内,只有该局部变量有意义。
?
例:
?
JavaScript代码
- function?square(num){ ??
- ????total=num*num;?//这是操作全局变量。 ??
- ????return?total; ??
- } ??
- ???val?total=50; ??
- ???val?number=square(20); ??
- ???alert(total);//total的值变成了400。??
这些代码将导致全局变量total的值发生变化。
把这个函数写成这样才是正确的:
JavaScript代码
- function?square(num){ ??
- ????var?total=num*num;? ??
- ????return?total; ??
- } ??
?
又如:
?
JavaScript代码
- <script> ??
- var?cookie=“i?am?cookie”; ??
- function?test(){ ??
- var?cookie=“i?am?not?fei?cookie”;//定义局部变量的值,test函数执行后不会影响到全局的cookie ??
- } ??
- test(); ??
- document.write(cookie); ??
- </script>?////////////?输出?i?am?cookie ??
- ??
去掉test()函数中变量var 如下:
?
JavaScript代码
- <script> ??
- var?cookie=“i?am?cookie”; ??
- function?test(){ ??
- cookie=“i?am?not?fei?cookie”;//修改全局变量的值 ??
- } ??
- test(); ??
- document.write(cookie); ??
- </script>//////test函数执行后输出?i?am?not?fei?cookie ??
- ??
在函数中并且不加var 如何改变全局变量?如下:
?
JavaScript代码
- <script> ??
- var?cookie=“i?am?cookie”; ??
- function?test(){ ??
- var?cookie=“i?am?not?fei?cookie”;//定义局部变量的值,test函数执行后不会影响到全局的cookie ??
- ??
- window.cookie=cookie;?///第一个cookie是全局的函数外部定义的,后面的cookie是在函数内定义的 ??
- }////利用window.变量 ??
- test(); ??
- document.write(cookie); ??
- </script> /////输出 i?am?not?fei?cookie ??
最新评论
写的挺好的
有没有兴趣翻译 impatient js? https://exploringjs.com/impatient-js/index.html
Flexbox playground is so great!
感谢总结。
awesome!
这个好像很早就看到类似的文章了
比其他的教程好太多了
柯理化讲的好模糊…没懂