• [织梦吧]唯一域名:www.dedecms8.com,织梦DedeCMS学习平台.

当前位置: > 网页制作 > JavaScript >

是时候开始使用JavaScript严格模式了

来源: www.dedecms8.com 编辑:织梦吧 时间:2012-03-19点击:
   

  ECMAScript5将严格模式(strict mode)引入了Javascript中,目的是允许开发人员能够选择“更好”的Javascript版本,这个版本能用不同的方式处理那些普遍而又臭名昭著的错误。一开始时候,我对该模式抱着怀疑的态度,因为当时在只有一款浏览器(Firefox)支持严格模式。时至今日,所有的主流浏览器的最新版本——包括IE10与Opera12——都支持严格模式。使用严格模式的时机已经成熟了。

  它带来了什么?

  严格模式给Javascript的运行方式带来了许多不同,我将它们分为了两类:明显的(obvious),以及微妙的(subtle)。那些微妙的改变是为了解决微妙的问题,我不打算在这里对其进行赘述。如果你对这些细节感兴趣,请参考Dmitry Soshnikov的精彩文章,《ECMA-262-5 in Detail. Chapter 2. Strict Mode》。我对介绍明显的变化更感兴趣:它们是你开始使用严格模式之前所必须了解的,也可能给你带来最多好处。

  在开始介绍特殊特性之前,你需要记住,严格模式的目标之一是允许更快地调试错误。帮助开发者调试的最佳途径是当确定的问题发生时抛出相应的错误(throw errors when certain patterns occur),而不是悄无声息地失败或者表现出奇怪的行为(这正是如今不在严格模式下的Javascript做的)。严格模式下的代码抛出更多的错误信息,这是好事,因为它能帮助开发者很快注意到一些必须立即解决的问题。

  去除with语句(Eliminates with)

  首先,严格模式去除了with语句。当with语句出现在严格模式中时,它会被认为是非法的Javascript语句并抛出语法错误。所以,使用严格模式的第一步就是确保你没有在使用with。

 

  // 在严格模式中将导致语法错误

  with (location) {

  alert(href);

  }

 

  防止意外的全局变量(Prevents accidental globals)

  第二点是,变量在赋值之前必须声明。在非严格模式下,给一个未声明的变量赋值将自动生成一个该名字的全局变量。这是Javascript中最普遍的错误之一。严格模式中,这样做将抛出一个错误。

 

  // 严格模式中抛出一个错误

  (function() {

  someUndeclaredVar = "foo";

  }());

 

  取消this值的强制转换(Eliminates this coercion)

  另一个重要的变化是,当this值为null或undefined时,不会再将其强制转换为全局对象。也就是说,this保留了它的原始值,也因此可能会导致一些依赖于强制转换的代码发生错误。例如:

 

  window.color = "red";

  function sayColor() {

  // 严格模式下,this不会指向window

  alert(this.color);

  }

  // 以下两种情况,在严格模式下都抛出错误

  sayColor();

  sayColor.call(null);

 

  根本而言,this值必须赋值,否则将保留undefined值。这意味着调用构造函数时若漏掉了new关键字也会导致错误:

 

  function Person(name) {

  this.name = name;

  }

  // 严格模式下导致错误

  var me = Person("Nicholas");

 

  在这段代码里,调用Person构造函数时缺少了new关键字,此时this值为undefined。由于你不能给undefined添加属性,这段代码抛出了一个错误。在非严格模式下,this会强制转换为全局对象,因此name属性能够被正确赋值为全局变量。

  拒绝重复(No duplicates)

  当你做了大量的编码的时候,你很容易在对象中定义了重复的属性或者给函数定义了重复的参数名。严格模式下,这两种情况都会导致错误的发生:

 

  // 严格模式下错误 - 重复参数

  function doSomething(value1, value2, value1) {

  //code

  }

  // 严格模式下错误 - 重复属性

  var object = {

  foo: "bar",

  foo: "baz"

  };

 

  这两者都是语法错误,在代码执行之前将抛出错误。

  更安全的eval()(Safer eval())

标签: 开始 时候 使用

About D8

  • ©2014 织梦吧(d8) DedeCMS学习交流平台
  • 唯一网址 www.DedeCMS8.com 网站地图
  • 联系我们 1978130638@qq.com ,  QQ