JavaScript代码因逗号不规范导致IE不兼容的问题

在用ExtJS做前端开发的时候,发现系统可以在谷歌浏览器、火狐下正常显示,但是用IE浏览器打开就会报错,报错信息如:Expected identified, string or number 。后来,检查的代码的时候发现,是由于js代码中逗号用的不规范导致的IE不兼容 。
由于我是用eclipse来写代码的,下面我也就介绍怎么用eclipse来解决这个问题:
【JavaScript代码因逗号不规范导致IE不兼容的问题】例如有下面这么一段不规范的代码:
Ext.onReady(function() {var panel = Ext.create('Ext.container.Viewport', { layout : 'border',items : [{title : 'north panel',html : 'north content',region : 'north',height : 100,}, {title : 'west panel',html : 'west content',region : 'west',width : 150, // 这是备注1}, {title : 'main panel',html : 'main content',region : 'center',/* 这是备注2*/}]});});可以看到,在100、150、center后面都有一个逗号(,),用IE运行的话,其实是会报错的 。那么既然代码已经写成这样了,怎么检测到这个问题呢!

JavaScript代码因逗号不规范导致IE不兼容的问题




图1:File Search
如上图1所示,可以用eclipse的File Search功能,利用正则表达式进行搜索,正则表达式为,s*} 。不过,这有个问题,只能检索出上面的第一处错误,对于加了//或者/**/来注释的情况,是检测不出来 。不过,你也可以用yuicompressor这样的js代码压缩工具来压缩代码,压缩的时候会将其中的所有的注释全部去掉,然后再来检测压缩后的js文件即可 。当然,你也可以自己写算法来检测,不过,这个对于普通人来说还是有难度的!
不过,我建议用另一个方法,就是利用插件,我这里用的是Spket插件,Spket的官网是:http://www.spket.com/,可以到里面去下载Spket的eclipse插件,也可以直接在eclipse的market中下载,下载完以后安装下这个插件,然后将js文件用spket打开 。
JavaScript代码因逗号不规范导致IE不兼容的问题




图2:利用Spket检测
如上图2所示,可以发现Spket自动的检测了代码的不规范,将其中有问题的地方都标注了出来,我是建议用这个方法,因为可以在编写代码的时候,就发现问题,有助于写出规范漂亮的代码!另提一下,有些时候兼容性是因为使用的对象是IE中不存在的,比如console对象,在火狐和谷歌中是存在的,但是在ie中使用console.info就报错了!所以,记得把一些不兼容的对象从代码中剔除掉!
以上给大家介绍了JavaScript代码因逗号不规范导致IE不兼容的问题,希望对大家有所帮助!
您可能感兴趣的文章:Dojo Javascript 编程规范 规范自己的JavaScript书写
javascript异步编程代码书写规范Promise学习笔记
html页面head区域的编码书写规范
C#书写规范
JavaScript开发规范要求(规范化代码)
javascript代码规范小结
JavaScript的代码编写格式规范指南
现如今最流行的JavaScript代码规范
JavaScript常用代码书写规范的超全面总结

    推荐阅读