村长

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

一、文章出自:http://www.cnblogs.com/earlybirdmin/articles/1492440.html

JavaScript For...In 声明

For...In 声明用于对数组或者对象的属性进行循环操作。

for ... in 循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次操作。

语法:

for (变量 in 对象)
{
    在此执行代码
}

“变量”用来指定变量,指定的变量可以是数组元素,也可以是对象的属性。

实例:

使用 for ... in 循环遍历数组。

<html>
<body>

<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"

for (x in mycars)
{
document.write(mycars[x] + "<br />")
}
</script>

</body>
</html>

JavaScript - 捕获错误

当我们在网上冲浪时,总会看到带有 runtime 错误的 Javascript 警告框,同时会询问我们“是否进行 debug?”。像这样的错误信息或许对开发人员有用,对用户则未必。当错误发生时,他们往往会选择离开这个站点。

本节向你讲解如何捕获和处理 Javascript 的错误消息,这样就可以为受众提供更多的便利。

有两种在网页中捕获错误的方法:

  • 使用 try...catch 语句。(在 IE5+、Mozilla 1.0、和 Netscape 6 中可用)
  • 使用 onerror 事件。这是用于捕获错误的老式方法。(Netscape 3 以后的版本可用)

Try...Catch 语句

try...catch 可以测试代码中的错误。try 部分包含需要运行的代码,而 catch 部分包含错误发生时运行的代码。

语法:

try
{
   //在此运行代码
}
catch(err)
{
   //在此处理错误
}

注意:try...catch 使用小写字母。大写字母会出错。

Throw 声明

throw 声明的作用是创建 exception(异常)。你可以把这个声明与 try...catch 声明配合使用,以达到控制程序流并产生精确错误消息的目的。

语法:

throw(exception)

exception 可以是字符串、整数、逻辑值或者对象。

注意:使用小写字母编写 throw。使用大写字母会出错!

实例 1

下面的实例的作用是测定变量 x 的值。如果 x 的值大于 10 或者小于 0,错误就会被抛出 (throw)。这个错误被 catch 的参数捕获后,就会显示出自定义的出错信息。

<html>
<body>
<script type="text/javascript">
var x=prompt("Enter a number between 0 and 10:","")
try
{ 
if(x>10) 
throw "Err1"
else if(x<0)
throw "Err2"
} 
catch(er)
{
if(er=="Err1") 
alert("Error! The value is too high")
if(er == "Err2") 
alert("Error! The value is too low") 
}
</script>
</body>
</html>

onerror 事件

我们刚讲过如何使用 try...catch 声明来捕获网页中的错误。现在,我们继续讲解如何使用 onerror 事件来达到相同的目的。

只要页面中出现脚本错误,就会产生 onerror 事件。

如果需要利用 onerror 事件,就必须创建一个处理错误的函数。你可以把这个函数叫作 onerror 事件处理器 (onerror event handler)。这个事件处理器使用三个参数来调用:msg(错误消息)、url(发生错误的页面的 url)、line(发生错误的代码行)。

语法:

onerror=handleErrfunction handleErr(msg,url,l)
{
//Handle the error here
return true or false
}

浏览器是否显示标准的错误消息,取决于 onerror 的返回值。如果返回值为 false,则在控制台 (JavaScript

JavaScript 对大小写敏感

名为 "myfunction" 的函数和名为 "myFunction" 的函数是两个不同的函数,同样,变量 "myVar" 和变量 "myvar" 也是不同的。

JavaScript 对大小写敏感 - 所以当您创建或使用变量、对象及函数时,请注意字符的大小写。

空格

JavaScript 会忽略多余的空格。所以您可以在代码中添加适当的空格,使得代码的可读性更强。下面的两行是等效的:

name="Hege"
name = "Hege"

换行

您可以在文本字符串内部使用反斜杠对代码进行折行。下面的例子是正确的:

document.write("Hello \
World!")

但是不能像这样折行:

document.write \
("Hello World!")
二、文章出自http://www.cnblogs.com/jeffwongishandsome/archive/2009/07/14/1509780.html

javascript的eval和with使用小结

我们都知道javascript的作用域机制,但是with和eval有时会“破坏”我们对于作用域的常规理解。下面参考网上资源和自己理解总结一下eval和with的用法。
一、eval
1、eval函数:把一个字符串当作一个js表达式一样去执行它.
2、语法:eval(strScript)  注:参数strScript是必填项
3、使用说明
      (1)它是有返回值的,如果参数字符串是一个表达式,就会返回表达式的值。如果参数字符串不是表达式,没有值,那么返回“undefined”。
      (2)参数字符串作为代码执行时,是和调用eval函数的上下文相关的,即其中出现的变量或函数调用必须在调用eval的上下文环境中可用。
4、示例:

Code

5、eval和作用域
(1)经典代码分析
a、常见

    var str = "global";

    
function
 test() {
        alert(str); 
//undefined

        var str = "local";
    }

    test();
    alert(str); 
//global

分析:如我们预期的那样,得到指定值。test函数内的str没有var和有var声明,结果也是不一样的,读者可自行验证。
b、eval替代直接声明变量的写法

   var str = "global";

    
function
 test() {
        alert(str); 
//??

        eval("var str='local';");//会像我们预期的那样吗?
        //var str = "local";
        alert(str); //这里又是什么结果?
    }

    test();
    alert(str); 
//??

分析:对比a中的写法,我们只是在test函数里用eval语句替换直接声明var定义变量那一句最后alert一下而已,结果出入很大。
(2)eval定义全局代码
a、兼容ie和ff的通用定义全局代码的eval函数

    var nav = new Object();
    
//通用eval函数

    nav.Eval = function(jsCode) {
        
if (document.all) //IE下是execScript

            execScript(jsCode);
        
else window.eval(jsCode); //FF下是window.eval

    }

对于IE浏览器,函数execScript用于在全局空间执行代码。
对于Firefox浏览器,直接调用eval函数,则在调用者的空间执行;如果调用window.eval则在全局空间执行;但是alert(eval==window.eval)的返回值是true,奇怪的ff.
b、调用a的测试代码

    var nav = new Object();
    
//通用eval函数

    nav.Eval = function(jsCode) {
        
if (document.all) //IE下是execScript

            execScript(jsCode);
        
else window.eval(jsCode); //FF下是window.eval

    }

    
function
 test() {
        nav.Eval(
"var str = 'global';");  //这里声明变量str,在外面的函数中可以调用变量

        nav.Eval("var tmpFunc = function(){alert('global function');};");  //这里声明函数变量tmpFunc,在外面的函数中可以调用函数
        alert(str); //global
        tmpFunc(); //global function
    }

    test();
    alert(str); 
//global (调用nav.Eval函数声明的全局变量)

    tmpFunc(); // global function (调用nav.Eval函数声明的全局函数)

分析:通过b中的代码,你可能已经发现了eval定义全局代码的一个显而易见的不方便的地方,就是对于全局代码,js智能提示(这里是vs,可能其他工具也会)完全失去提示作用。由此你肯定会问,程序中通过eval这种方式定义了很多全局代码,它的可维护性会不会太那个了?我的看法就是赞成网上的总结,少用eval。毕竟现成的工具都不能很好的提示了,而程序员的视力往往又不是那么好。
二、with
1、with语句:为一个或一组语句指定默认对象,通常用来缩短特定情形下必须写的代码量。
2、语法:with (<对象>) <语句>
with (object)
   statements
(1)参数object: 新的默认对象;
(2)statements : 一个或多个语句,object 是该语句的默认对象。
3、示例:

  function withTest() {
   
with (document) { //document的重复使用

    writeln("Hello,");
    writeln(
"it's a with keyword test!"
);
   }
   
   
with (Math) { //Math的重复使用

    alert(random());
    alert(abs(
-10
));
   }
  }
  withTest();

4、with会暂时修改作用域链

  function withTest() {
   
var userName = "jeff wong"
;

   
//暂时修改作用域链

   with (document) {
    writeln(
"Hello,"
);
    writeln(userName);
   }
//with内的语句执行完之后,作用域链恢复原状

    
    alert(userName);
  }
  withTest();

分析: 函数withTest在定义的时候,就确定了withTest的作用域链,我们暂且认为这条作用域链的最顶端是window对象,当withTest被执行的时候,js引擎生成了一个call object(调用对象)并将其添加到作用域链尾部上(window对象之后),语句运行到with(document)时,将生成新的作用域(实质上这个作用域和普通function的作用域一样,只不过它在with子句执行完,该作用域也随之消失)并添加到作用域链的尾部,所以with之内的变量查找,就会优先从这条链的with(document)作用域上查找,然后从withTest的call object中查找,最后查找window。with内的语句执行完之后,作用域链恢复原状(with(document)生成的作用域被移出作用域链)。
ps:with是不被推荐的,因为需要操作作用域链(移进、移出作用域),执行效率低下。

posted on 2011-04-23 11:58  Say No  阅读(264)  评论(0编辑  收藏  举报