JavaScript的作用域的一点注意
来源:互联网 发布:药品中标数据网查询 编辑:程序博客网 时间:2024/05/06 03:20
问题描述:
在写JS的遇到了一个关于作用域的问题,后来通过网上查找资料才知道JS是没有块级作用域的,JS变量的作用域是在整个函数中。
下面说一下是我遇到的问题:
var priceFormulars = ['balabala一些数据','balabala一些数据'];function savaSalesPolicyData(){poclicy.price = priceFormulars;if(type = 'Creme'){}else if(type = 'Spot'){var priceFormulars = ['balabala关于Spot的数据'];policy.price = priceFormulars;}if(policy.price == null || typeof(policy.price) == 'undefined'){alert('不能为空');return;}upload(policy);}结果,保存Spot的时候一切运行正常,而保存Creme的时候便会执行alert('不能为空');这一语句,经过调试发现policy.price 的类型是undefined,至于为什么下面有一个讲的比较通俗易懂的文章:
以下内容全部转载于:Js作用域与作用域链详解
----------------------------我是一个在知乎学到的分割线-------------------------
一直对Js的作用域有点迷糊,今天偶然读到Javascript权威指南,立马被吸引住了,写的真不错。我看的是第六版本,相当的厚,大概1000多页,Js博大精深,要熟悉精通需要大毅力大功夫。
一:函数作用域
先看一小段代码:
- var scope="global";
- function t(){
- console.log(scope);
- var scope="local"
- console.log(scope);
- }
- t();
(PS: console.log()是firebug提供的调试工具,很好用,有兴趣的童鞋可以用下,比浏览器+alert好用多了)
第一句输出的是: "undefined",而不是 "global"
第二讲输出的是:"local"
你可能会认为第一句会输出:"global",因为代码还没执行var scope="local",所以肯定会输出“global"。
我说这想法完全没错,只不过用错了对象。我们首先要区分Javascript的函数作用域与我们熟知的C/C++等的块级作用域。
在C/C++中,花括号内中的每一段代码都具有各自的作用域,而且变量在声明它们的代码段之外是不可见的。而Javascript压根没有块级作用域,而是函数作用域.
所谓函数作用域就是说:-》变量在声明它们的函数体以及这个函数体嵌套的任意函数体内都是有定义的。
所以根据函数作用域的意思,可以将上述代码重写如下:
- var scope="global";
- function t(){
- var scope;
- console.log(scope);
- scope="local"
- console.log(scope);
- }
- t();
我们可以看到,由于函数作用域的特性,局部变量在整个函数体始终是由定义的,我们可以将变量声明”提前“到函数体顶部,同时变量初始化还在原来位置。
为什么说Js没有块级作用域呢,有以下代码为证:
- var name="global";
- if(true){
- var name="local";
- console.log(name)
- }
- console.log(name);
现在很好理解为什么会得出那样的结果了。scope声明覆盖了全局的scope,但是还没有赋值,所以输出:”undefined“。
所以下面的代码也就很好理解了。
- function t(flag){
- if(flag){
- var s="ifscope";
- for(var i=0;i<2;i++)
- ;
- }
- console.log(i);
- console.log(s);
- }
- t(true);
二:变量作用域
还是首先看一段代码:
- function t(flag){
- if(flag){
- s="ifscope";
- for(var i=0;i<2;i++)
- ;
- }
- console.log(i);
- }
- t(true);
- console.log(s);
就是上面的翻版,知识将声明s中的var去掉。
程序会报错还是输出“ifscope"呢?
让我揭开谜底吧,会输出:”ifscope"
这主要是Js中没有用var声明的变量都是全局变量,而且是顶层对象的属性。
所以你用console.log(window.s)也是会输出“ifconfig"
当使用var声明一个变量时,创建的这个属性是不可配置的,也就是说无法通过delete运算符删除
var name=1 ->不可删除
sex=”girl“ ->可删除
this.age=22 ->可删除
三:作用域链
先来看一段代码:
- name="lwy";
- function t(){
- var name="tlwy";
- function s(){
- var name="slwy";
- console.log(name);
- }
- function ss(){
- console.log(name);
- }
- s();
- ss();
- }
- t();
当执行s时,将创建函数s的执行环境(调用对象),并将该对象置于链表开头,然后将函数t的调用对象链接在之后,最后是全局对象。然后从链表开头寻找变量name,很明显
name是"slwy"。
但执行ss()时,作用域链是: ss()->t()->window,所以name是”tlwy"
下面看一个很容易犯错的例子:
- <html>
- <head>
- <script type="text/javascript">
- function buttonInit(){
- for(var i=1;i<4;i++){
- var b=document.getElementById("button"+i);
- b.addEventListener("click",function(){ alert("Button"+i);},false);
- }
- }
- window.onload=buttonInit;
- </script>
- </head>
- <body>
- <button id="button1">Button1</button>
- <button id="button2">Button2</button>
- <button id="button3">Button3</button>
- </body>
- </html>
很容易犯错,对是的,三个按钮都是弹出:"Button4",你答对了吗?
当注册事件结束后,i的值为4,当点击按钮时,事件函数即function(){ alert("Button"+i);}这个匿名函数中没有i,根据作用域链,所以到buttonInit函数中找,此时i的值为4,
所以弹出”button4“。
四:with语句
说到作用域链,不得不说with语句。with语句主要用来临时扩展作用域链,将语句中的对象添加到作用域的头部。
看下面代码
- person={name:"yhb",age:22,height:175,wife:{name:"lwy",age:21}};
- with(person.wife){
- console.log(name);
- }
with语句结束后,作用域链恢复正常。
- JavaScript的作用域的一点注意
- 关于JavaScript的作用域链的一点小总结
- C++的一点注意
- Sqlite的一点注意
- PreTranslateMessage的一点注意
- WM_SETICON的一点注意
- checkbox的一点注意
- 逻辑运算注意的一点
- javascript的作用域
- javascript的作用域
- javascript的作用域
- javascript的作用域
- javaScript的作用域
- JavaScript的作用域
- javascript的作用域
- JavaScript的作用域
- JavaScript的作用域
- Javascript 的作用域
- gcc编译时,math.h需要加-lm
- 阿里云服务器的使用
- 取石子(三)(nyoj 137)
- 初识SSH框架
- 一个复杂一点的例子
- JavaScript的作用域的一点注意
- 特征选择综述
- decltype
- dede的栏目打开方式默认的“当前窗口打开”
- HDU 1166 敌兵布阵
- 面试中的一个问题---秒杀架构
- 机器学习与人工智能学习资源导引
- 网吧计费系统,竣工
- 复杂例子的测试