JavaScript变量的作用域&是否有var 的区别

“JavaScript对变量作用域的规定是：
- 变量在全局声明，或者在代码的任何位置隐士声明（不用var），则该变量在全局可见
- 变量在函数内显示申明（使用var）,则在该函数内可见”

今天在修改一个前台bug的时候，遇到一个问题。我想通过sbflag控制实现不会点击id为EditBtnOk的按钮后多次进入到function ()进行Submit操作。则希望在执行完一次后就将sbflag置为false。但是事实是虽然在执行 sbflag = flag时，sbflag为false,但是第二次进入到function后，sbflag又会变为true。

代码如下：

            var sbflag = true;//该标志位位需要关注的变量                $('#EditBtnOk').click(function () {                                        if (sbflag==true) {                        $.ajax({                            url: '../Submit',                            type: 'post',                            traditional: true,                            data: {                                App_id: Appid,                                Details: Details                                //Bank_To: Bank_To,                                //Bank: Bank,                                //Account:Account                            },                            beforeSend: function () {                                //Ajax完成前（控制器处理过程中），显示进度条                            },                            success: function (data) {                                //关闭进度条                                var serverData = data.split(';');                                if (serverData[0] == "ok") {                                    //在前端修改数据                                    }                                } else if (serverData[0] == "no") {                                    //显示错误信息                                }                            }                        })                        sbflag = flag;                    }                })

---

我查阅了下面链接所讲的js作用域后，有所感悟。发现了js是以函数作用域的，而不是如常见的语言如c语言一样是块级作用域。可以用两个例子来说明
example1:

var name="global";  if(true){      var name="local";      console.log(name)  }  console.log(name);

输出均为local这可以表明不是块级作用域，否则全局变量不会被覆盖掉。

在很多JavaScript编程人员的印象中，定义变量用var和不用没有区别，但实际是存在差异的：

• 如果使用var定义变量，那么程序会强制定义一个新变量（及时变量名相同）。
• 如果没有使用var定义变量，系统会有优先在当前上下文中搜索是否存在该变量。只有在该变量不存在的前提下，系统才会重新定义一个新变量。

example2

var flag=true;    if(flag){     function t(){          flag=false;      }      t();    console.log(flag);  //结果为false}var flag1=true;    if(flag1){     function t(){          var flag1=false;      }      t();    console.log(flag1);  //结果为true}

注意有一种特殊情况，就是如果函数的参数名和全局变量相同的话，在函数内部不写var，里面的变量会认为是形参的调用，而不会覆盖全局变量：

var flag=true;    function t(flag){          flag=false;      }      t();    console.log(flag);  //结果为true}

   以前看《深入理解JavaScript》的时候没有对这个概念进行深入理解，这次就不会忘了。希望大家以后也注意一下这个陷阱。想要更系统看一下js作用域可以看以下链接

js作用域与作用域链详解