js、expression表达式解析

首先理解一下下面的表达式
expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-
(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
  这个是css的行为--expression,目的系快捷在css里面使用js定义一个参数,这段代码最后输出的是一个数字,eval是js里面的一个函数,功能是计算某个字符串,并执行其中的的js代码;document.documentElement.scrollTop+document.documentElement.clientHeight计算当前网页可见区域的高度;this.offsetHeight该类指定的容器整个高度(包括溢出部分);parseInt(this.currentStyle.marginTop,10)这个函数是解析一个字符串,并返回一个整数,逗号后面个10可以解析为以10进制的形式输出逗号前面的数字,这个10可以表现为2,8,10,16,32;||0是或0的意思,即是前面的数字返回非0或负数时使用0这个数字输出。后面也是同理的。

eval() 函数

  可计算某个字符串,并执行其中的的 JavaScript 代码。 
语法 
  eval(string) 参数 
描述 
  string 必需。要计算的字符串,其中含有要计算的 JavaScript 表达式或要执行的语句。 
返回值 
  通过计算 string 得到的值(如果有的话)。 
说明 
  该方法只接受原始字符串作为参数,如果 string 参数不是原始字符串,那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 String 对象来作为参数。 如果试图覆盖 eval 属性或把 eval() 方法赋予另一个属性,并通过该属性调用它,则 ECMAScript 实现允许抛出一个 EvalError 异常。 
抛出

  如果参数中没有合法的表达式和语句,则抛出 SyntaxError 异常。 

  如果非法调用 eval(),则抛出 EvalError 异常。 
  如果传递给 eval() 的 Javascript 代码生成了一个异常,eval() 将把该异常传递给调用者。 
提示和注释 
提示:虽然 eval() 的功能非常强大,但在实际使用中用到它的情况并不多。 
实例 
例子 1 
在本例中,我们将在几个字符串上运用 eval(),并看看返回的结果: 
<script type="text/javascript">  
  eval("x=10;y=20;document.write(x*y)")  
  document.write(eval("2+2"))  
  var x=10 
  document.write(eval(x+17))  
</script> 
输出:

  00

  4

  27 


例子 2 
看一下在其他情况中,eval() 返回的结果: 
  eval("2+3") // 返回 5 

  var myeval = eval; // 可能会抛出 EvalError 异常 

  myeval("2+3"); // 可能会抛出 EvalError 异常 


可以使用下面这段代码来检测 eval() 的参数是否合法: 
try  { 
     alert("Result:" + eval(prompt("Enter an expression:","")));      

} catch(exception) {

      alert(exception);     

}

原文地址:https://www.cnblogs.com/IT-Monkey/p/3408399.html