文档章节

养成一个好习惯:在严格模式下开发Javascript

顽Shi
 顽Shi
发布于 2014/06/13 14:00
字数 1487
阅读 5047
收藏 188

  前言

    坦白说对于Javascript所谓的严格模式在今年早些时候我还一无所知,真正在开发中应用也就几个月.对于这个ECMAScript5就已经引入的东西,已经不能算新了,对于这个东西一直处在字面的理解上,就是"更加严格,规范的限制Javscript代码的书写",今天打算结合使用的经验好好研究下它到底是怎么回事.

  正文

    Javascript中如果你想你的代码在严格模式下运行,非常简单,只要在代码的第一行,也就是首行加上"use strict"指令即可.对于那些不支持ECMAScript5的浏览器来说它没有任何影响,所以如果想它生效要确定一下你的浏览器,不是所有浏览器都支持,毕竟我们给力的国情决定IE还是市场主力,IE10一下的同学要注意了.

    使用"use strict"能给开发带来什么好处?

    其实如果你一直在Chrome环境下开发,并且代码书写算规范,那么你几乎不会感觉到有任何变化.但是确实有一些显而易见的好处,我也从中受益所以和大家分享一下.


    (1) 错误提示更加准确

    Javascript的错误提示一直是个比较伤心的问题,松散的语言结构在赋予格外灵活的同时也让他像调皮的孩子一样难以管教.在Javascript应用越来越重的今天,这会明显拖延我们的开发进度,影响开发的感觉.

    "use strict"模式下可以更加明确的提示你的代码出了什么样的错误,这让你可以更加快速并且专注的去解决问题.


    (2) 变量必须声明

    在非严格模式如果你没有声明一个变量就使用它,那么它会被当做一个全局变量,在严格模式下则报错并抛出异常.我一直认为先声明后使用是一个好习惯,并且一直坚持.


    (3) 属性或者参数不再可重复

    虽然没有写过,不过我确实看过类似的代码:

var a = {
  aaa: 'dddddd',
  bbb: 'dddddd',
  aaa: 'cccccc'
}

    虽然不算是惊呆了,不过我就想问,哥们你是从CSS转到JS的吗...属性覆盖都来了.在非严格模式下这样书写可能不会报错,如果你用"use strict"那么抱歉,浏览器会抛出异常.


    (4) with被禁用

    这个虽然是一个重要的改变,相当于API层次的禁用,不过貌似日常编码中我们使用with的时候并不多,所以影响不大


    (5) Function中this不再是window

    这一点算是严格模式下的一个很严谨的地方,经常在调用的函数中我们用this指向window这类全局变量.但是在严格模式下,这样的this的值是undefined.


    (6) 变量删除

    相比较与属性删除我们可能很少或者几乎不会去进行变量删除的操作,在严格模式下变量的删除是不允许的.而对于属性的删除,只有configurable设为true的属性才能被删除.

"use strict";
  var x;
  delete x; // 语法错误
  var o = Object.create(null, 'x', {
      value: 1,
      configurable: true
  });
  delete o.x; // 删除成功

    

    (7) 函数声明只能在顶层

    这个改变非常可能对旧有的代码或者原本书写就不规范的代码造成影响,以前我们定义function可以说是随心所欲,不管在if还是for中,都是想怎么样就怎么样.

    在"use strict"模式下,为了与以后ECMAScript6接轨,规定了函数的声明只能在全局作用域或者函数作用域的顶层进行声明.


    (8) arguments对象不再神奇

    在严格模式中,函数里的arguments对象拥有传入函数值的静态副本.而在非严格模式下,arguments对象的数组元素和函数参数都指向同一个值的引用.这种限制会使得很多神奇的代码不再可用.


  结论:

    上面这几点是我感觉使用了"use strict"后变化最大的地方,另外需要注意"use strict"的使用也是有风险的,并不是万金油.尤其是在旧有的项目中,如果想使用严格模式要非常谨慎,一旦你在文件首行加入了"use strict"那么整个文件都会受到这个限制,如果你合并所有文件,这一点要格外注意.

    当然你也可以灵活的使用"use strict",比如在函数内部的首行,或者在匿名函数作用域的首行去使用.注意这里之所以强调是首行,因为浏览器对于脚本代码以及函数体中第一条常规语句后的内容都不会当作指令去解析,也就是说如果你的"use strict"写在了var a=0;之后,那么浏览器只会将其当作一个普通的表达式语句.

    最后,希望大家在开发时条件允许的情况下尽量使用"use strict"开发,它最大的好处就是帮助你更快的定位错误!详细的提示信息让你更好的纠错.

© 著作权归作者所有

共有 人打赏支持
顽Shi
粉丝 274
博文 81
码字总数 92387
作品 0
普陀
程序员
加载中

评论(16)

土豆丶
土豆丶
好吧,是个好东东 mark
KelvinQ
KelvinQ
刚试了一下好像没报任何错误啊,难道我的代码一直很规范13
Undeadway
Undeadway
"use strict";
这个建议不错,以后尝试一下。
今天天气不错
今天天气不错

引用来自“水牛叔叔”的评论

又学到一个知识

+1
二妞
早已在项目中强制使用
顽Shi
顽Shi

引用来自“水牛叔叔”的评论

又学到一个知识
涨姿势...
水牛叔叔
水牛叔叔
又学到一个知识
顽Shi
顽Shi

引用来自“chape”的评论

是否可以,为了规范和查错,使用use strict;遇到类似8这种解除声明呢?
理论上是可以的,不过没有指令本身提供这种功能.或者你可以在函数内部使用"use strict",然后在希望放宽限制的函数中就不要加了. 要么就在开发的时候全文件加上,然后发布的项目上去掉.不过个人建议最好还是全部在严格模式下开发,在Js应用越来越庞大的现在,规范化是一种趋势和必然.
顽Shi
顽Shi

引用来自“肖羊”的评论

不错不错。之后再回味一下
我就知道一个为声明不再是全局变量,而会报错
严格模式下管理了全局变量以及声明使用的规则,这个在开发量大的情况下很有用.
顽Shi
顽Shi

引用来自“袁国涛”的评论

很好的东西,自由是有代价的啊。不过,ie依旧蛋疼,这是不得不吐槽的。
IE10以上还好,剩下的却是蛋疼
编写可维护的JavaScript

软件生命周期中80%的成本都消耗在了维护上;而且几乎所有的维护者都不是代码的直接开发人。如何让自己写的代码让别人阅读起来更高效?当然是写代码的时候注入一些规范。那么在Javascript中有...

Jouryjc
06/12
0
0
做一名合格的前端开发工程师(12篇)——第一篇 Javascript加载执行问题探索

做一名合格的前端开发工程师(12篇)——第一篇 Javascript加载执行问题探索 楼主做前端开发一年多了,对前端的见解还是多多少少有一点的,今天特拿出来跟大家分享分享。 做前端开发少不了各...

蜗牛奔跑
2015/06/25
0
0
编写高质量代码 Web前端开发修炼之道 读书笔记

第五章 高质量的JavaScript 5.1 养成良好的编程习惯 5.1.1 团队合作-如何避免JS冲突 使用匿名函数控制变量的作用域 (function(){})() 先定义一个匿名函数然后立即执行它 用匿名函数将脚本包起...

lilugirl
2014/04/27
0
0
JavaScript 私有成员

Class field declarations for JavaScript(JavaScript 类的字段声明)目前已经进入了 stage-3,其中包含一项 OOP 开发者都很关注的内容:Private fields。JavaScript 一直没有私有成员并不是...

边城__
08/13
0
0
JavaScript 的私有成员

Class field declarations for JavaScript(JavaScript 类的字段声明)目前已经进入了 stage-3,其中包含一项 OOP 开发者都很关注的内容:Private fields。JavaScript 一直没有私有成员并不是...

边城
08/13
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Java异常处理最佳实践

总结一些Java异常的处理原则 Java异常处理最佳实践 不要忘记关闭资源 在finally里关闭资源 public void readFile() { FileInputStream fileInputStream = null; File file = new Fil...

yysue
48分钟前
0
0
00.编译OpenJDK-8u40的整个过程

前言 历经2天的折腾总算把OpenJDK给编译成功了,要说为啥搞这个,还得从面试说起,最近出去面试经常被问到JVM的相关东西,总感觉自己以前学的太浅薄,所以回来就打算深入学习,目标把《深入理...

凌晨一点
今天
4
0
python: 一些关于元组的碎碎念

初始化元组的时候,尤其是元组里面只有一个元素的时候,会出现一些很蛋疼的情况: def checkContentAndType(obj): print(obj) print(type(obj))if __name__=="__main__": tu...

Oh_really
昨天
6
2
jvm crash分析工具

介绍一款非常好用的jvm crash分析工具,当jvm挂掉时,会产生hs_err_pid.log。里面记录了jvm当时的运行状态以及错误信息,但是内容量比较庞大,不好分析。所以我们要借助工具来帮我们。 Cras...

xpbob
昨天
124
0
Qt编写自定义控件属性设计器

以前做.NET开发中,.NET直接就集成了属性设计器,VS不愧是宇宙第一IDE,你能够想到的都给你封装好了,用起来不要太爽!因为项目需要自从全面转Qt开发已经6年有余,在工业控制领域,有一些应用...

飞扬青云
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部