EXTJS 简单总结

最新推荐文章于 2021-07-26 21:45:13 发布

chang_osc

最新推荐文章于 2021-07-26 21:45:13 发布

阅读量606

点赞数

分类专栏：学习总结

本文链接：https://blog.csdn.net/u014437455/article/details/27354385

版权

学习总结专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在这里我主要说明两个方法，一个是eval ;另一个是decode；

eval:先看一个简单的例子：

<html>
<body>

<script type="text/javascript">

eval("x=10;y=20;document.write(x*y)")
document.write("<br />")

document.write(eval("2+2"))
document.write("<br />")

var x=10
document.write(eval(x+17))
document.write("<br />")

eval("alert('Hello world')")

</script>

</body>
</html>

运行结果：

200
4
27

弹出helloword对话框

eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。

然而估计见的最多的地方便是在ajax在处理返回值（通常是json格式）时用的；那么他究竟起啦什么作用？

以前只是知道eval 是将后台传的json串；转化为js对象；

问题1：一定要用eval吗？

答：当然不是；例如：extjs中的rest风格就指明啦请求与接收的数据类型(一般都指明为json)；就不需要eval啦；再来说说那是如何解析json串的吧！

var dataObj=eval("("+data+")");//转换为json对象

Red rose 为什么要 eval这里要添加 “("("+data+")");//”呢？

原因在于：eval本身的问题。由于json是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。

加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语句（statement）来执行。举一个例子，例如对象字面量{}，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始和结束标记，那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的：
alert(eval("{}"); // return undefined
alert(eval("({})");// return object[Object]

而到此为止这也仅仅是转换为一个javascript对象，eg:对于{name:'chang',data:12345}(赋值给obj)来说；可通过eval将其转换为javascript对象；但是却不能通过 obj.name 或obj.data来进行取值；这时便用到啦Ext.JSON.decode(string);这个方法；

总结：网上有些人说eval与decode没有区别；但是今天我却真正的遇到啦这两个方法的区别；例如一个绘制柱状图的例子：

spring代码：

@RequestMapping(value = "/getColumnData.json", method = RequestMethod.GET)
   public List<Object> getColumnData(){
       System.err.println("...");
       List<Object> list=new ArrayList<Object>();
       list.add("{name:'北京',data:1330}");
       list.add("{name:'上海',data:6330}");
       list.add("{name:'广州',data:3330}");
       list.add("{name:'武汉',data:1890}");
       list.add("{name:'天津',data:1690}");
       list.add("{name:'济南',data:1450}");
       list.add("{name:'南京',data:1330}");
       list.add("{name:'厦门',data:3343}");
       return list;
   }

extjs代码：