2014-12-03 64 views
0

我试图使用JSXGraph来显示用户在文本字段中输入的函数。javascript - eval SyntaxError:标识符在数字文字后立即启动

这是我的代码:

  var board = JXG.JSXGraph.initBoard('box', {boundingbox: [-10, 10, 10, -10], axis:true}); 
     eval("function f(x){ return "+field.value+";}"); 
     board.create('functiongraph',[function(x){ return f(x); }]); 

此代码工作完全当用户输入是这样的:2 * X 但是,当用户输入:2倍(不含*),这是行不通的,我得到: SyntaxError:标识符在eval()行上的数字文字后立即启动

我在做什么错?

+1

'eval'评估Javascript,'2x'是无效的Javascript。你需要你自己的解析器。 – georg 2014-12-03 10:10:32

+0

我怎么能这样做?感谢您的帮助 – Hybrid 2014-12-03 10:16:31

+0

这不是非常复杂,但你必须学习一些东西。从这里开始:http://en.wikipedia.org/wiki/Parsing#Computer_languages – georg 2014-12-03 10:24:46

回答

0

在您的示例中,您可以拨打eval()来创建一个新的JavaScript函数,随后绘制该函数。当然,那么你必须提供正确的JavaScript。

第一个简单的增强将是将digit letter的所有组合替换为digit*letter。例如,用和(1+2)x替换2x(1+2)*x替代。这可以使用以下正则表达式完成。

/** 
* Expand math expressions with suppressed multiplication dots. 
* Examples 
*  2x -> 2*x 
*  (2+3)(3+1) -> (2+3)*(3+1) 
* Attention with exponents: 
*  x^2x -> x^2*x 
*/ 
expandShortMath = function(expr) { 
    var re = /([\)0-9\.])\s*([\(a-zA-Z_])/g; 
    return expr.replace(re, '$1*$2'); 
}; 

在你的榜样,你会使用这样的:

eval("function f(x){ return " + expandShortMath(field.value) + ";}"); 
board.create('functiongraph',[function(x){ return f(x); }]); 

不过,为了安全起见,最好是避免调用eval()。出于这个原因,JSXGraph为数学脚本语言JessieCode提供了自己的解析器。只需简单地给board.create('functiongraph')提供包含函数项的字符串即可使用该解析器。但是JessieCode也需要乘法星。再次,这可以通过呼叫expandShortMath()来解决。

var board = JXG.JSXGraph.initBoard('box', 
       {boundingbox: [-10, 10, 10, -10], axis:true}); 
board.create('functiongraph',[expandShortMath(field.value)]); 
0

表达式解析器math.js可能在这里派上用场。你可以这样做:

var f = math.eval('f(x) = 2x^3 - 5'); 
console.log(f(2)); // outputs 11 
相关问题