位置:海鸟网 > IT > JavaScript >

Javascript命名禁区

通常我们会在一些javascript的书籍上看到,使用Javascript保留字作为标识符(变量名、函数名、循环标记等)时,会引起程序报错!但如果是有一定经验的前端开发人员,肯定知道在实际应用中,命名禁区不限于这些保留字!!!

  没碰到过?那我们从一个例子开始!在Firefox(测试:FF3.6)中运行如下代码:


        



  在IE(测试:IE6和IE8)中运行如下代码:


        



  都不是我们预期的效果,有木有?

  此类问题,报错还好,如果当时没有报错,而当项目上线后,在某些特定环境下,它才执行异常,这时候来查错才真的要人老命。SO,我整理了一份“命名禁区”的文档,供自己查询,给大家参考,不必记住它,但至少得有个印象。

  一、标识符允许的字符集

  在ECMAScript V3中,标识符除首字母外,允许使用除“(./=?:&#\{}()<>[]|~!’”\*^)”等特殊字符外所有的unicode字符集。

  二、变量名、函数名、循环标记命名禁区

  1、保留字

break function return typeof case do if switch var catch else in this void continue false instanceof throw while debugger finally new true with default for null try



  2、未来保留字

abstract double goto native static boolean enum implements package super byte export import private synchronized char extends int    protected throws class final interface public transient const float long short volatile



  3、扩展列表

as is namespace use arguments encodeURI Infinity Object String Array Error isFinite parseFloat SyntaxError Boolean escape isNaN parseInt TypeError Date eval Math RangeError undefined decodeURI EvalError NaN ReferenceError unescape decodeURIComponent Function Number RegExp URIError



  4、IE全局变量

status onresize onmessage parent onhashchange defaultStatus name history maxConnectionsPerServer opener location screenLeft document onbeforeprint screenTop clientInformation onerror onfocus event onload onblur window closed screen onscroll length frameElement self onunload onafterprint navigator frames sessionStorage top clipboardData external onhelp offscreenBuffering localStorage onbeforeunload



  5、FF全局变量

getInterface addEventListener loadFirebugConsole console window cehomepage document netscape XPCSafeJSObjectWrapper XPCNativeWrapper Components sessionStorage globalStorage getComputedStyle dispatchEvent removeEventListener name parent top dump getSelection scrollByLines scrollbars scrollX scrollY scrollTo scrollBy scrollByPages sizeToContent setTimeout setInterval clearTimeout clearInterval setResizable captureEvents releaseEvents routeEvent enableExternalCapture disableExternalCapture open openDialog frames applicationCache self navigator screen history content menubar toolbar locationbar personalbar statusbar directories closed crypto pkcs11 controllers opener status defaultStatus location innerWidth innerHeight outerWidth outerHeight screenX screenY mozInnerScreenX mozInnerScreenY pageXOffset pageYOffset scrollMaxX scrollMaxY length fullScreen alert confirm prompt focus blur back forward home stop print moveTo moveBy resizeTo resizeBy scroll close updateCommands find atob btoa frameElement showModalDialog postMessage localStorage



  4、5两点是最容易被忽视的部分,有的变量允许你重新设置,但最好不要随意去占用它,除非你非常清楚你在干什么,及可能造成的后果。

  三、属性方法命名禁区

  1、保留字

break delete function return typeof case do if switch var catch else in this void continue false instanceof throw while debugger finally new true with default for null try



  2、未来保留字

super export import extends const class


* 这里主要针对字面量对象{},eg:
var testObj = {class: 3}; //ie将报错
var testObj = {}; testObj['class'] = 3 //则不会