首页 > 网站 > WEB开发 > 正文

读javascript高级程序设计02-变量作用域

2024-04-27 14:21:52
字体:
来源:转载
供稿:网友
javascript高级程序设计02-变量作用域

一、 延长作用域链

有些语句可以在作用域前端临时增加一个变量对象,该变量对象在代码执行完成后会被移除。

①with语句延长作用域。

function buildUrl(){var qs="?debug=true";  with(location){  var url=href+qs;  }  return url;}buildUrl(); //result:http://www.fanxbao.com/?debug=true

②try...catch...中的catch语句块延长作用域链。

function test(){  try{      alert(sum);   }catch(ex){    console.log(ex);  }}test();//result:ReferenceError: sum is not defined

二、 没有块级作用域

一般在C类语言中,由花括号封闭的代码块有自己的作用域,其中定义的变量在代码块外部是不可见的。例如在c#中:

PRivate void Test(){for(int i=0;i<10;i++){     Console.WriteLine(i);}     Console.WriteLine(i);//报错}

但是,在Javascript中却不同,在代码块中创建的变量会将其添加到当前执行环境中。在代码块执行完毕后不会自动销毁。例如:

function test(){for(var i=0;i<10;i++){     console.log(i);}    console.log(i);//可以执行,结果输出10}test();

这里的变量i被添加到全局作用域中,在for循环之后仍可以访问。

三、 匿名函数模仿块级作用域

function test(){
 //匿名函数  (
function(){ for(var i=0;i<10;i++
){         console.log(i);    }  })();    console.log(i);//报错:i is not defined}test();

其实这个过程就类似于:

function test(){  var f=function(){    for(var i=0;i<10;i++){         console.log(i);    }  };  f();  console.log(i);//报错:i is not defined}test();

四、var声明变量

使用var声明的变量会自动被添加到最接近的执行环境中,比如在函数内部声明的变量执行环境就是函数这个局部环境。但是如果变量声明时没有使用var,则作用域为全局执行环境。例如:

function add(a,b){  var sum=a+b;  return sum;}var result=add(10,20);console.log(sum);//执行结果:sum is not defined
function add1(a,b){  sum=a+b;  return sum;}var result=add1(10,20);console.log(sum);//执行结果:30

不过这种情况要尽量避免,很容易出现不易发现的错误。


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表