Javascript 严格模式

关键词:严格模式


优点

  • 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;
  • 消除代码运行的一些不安全之处,保证代码运行的安全;
  • 提高编译器效率,增加运行速度;
  • 为未来新版本的Javascript做好铺垫,向未来兼容。

写法

  • 写在script标签开头
    <script>
    "use strict";
    </script>
  • 或者可以写在一个函数中
<script>
    var a = function (argument) {
        "use strict";
    }
</script>

区别

  • 严格模式变量必须声明
   "use strict";
  a = 1; // 报错,a未声明
  for(i = 0; i < 2; i++) { // 报错,i未声明
  }
  • 严格模式不允许用with
    Javascript语言的一个特点,就是允许"动态绑定",即某些属性和方法到底属于哪一个对象,不是在编译时确定的,而是在运行时(runtime)确定的。
    严格模式对动态绑定做了一些限制。某些情况下,只允许静态绑定。也就是说,属性和方法到底归属哪个对象,在编译阶段就确定。这样做有利于编译效率的提高,也使得代码更容易阅读,更少出现意外。
    "use strict";

   var obj = {};
   obj.a = 1;
   obj.b = 2;
   with(obj){  // 严格模式下无效,IE中可能会存在内存泄漏
    alert(a+b);
   }
  • 严格模式eval有单独的作用域
    正常模式下,Javascript语言有两种变量作用域(scope):全局作用域和函数作用域。严格模式创设了第三种作用域:eval作用域。
   //  eval 作用域
   eval("var x = 1");
   console.log(x);   // 报错 
   eval("var x = 2;console.log(x)");
  • 严格模式对象必须实例化
   var fn = function (argument) {
    // body...
    console.log(this);  //  undefined ,普通模式会指向window
   }
   fn();
  • 严格模式不允许使用arguments
    禁止在函数内部遍历调用栈
   var fn = function(){
    alert(fn.arguments.length); // 报错
       f1.caller; // 报错
    f1.arguments; // 报错
   }
   fn('a','b');
  • 严格模式不允许删除变量
   var a = "删除";
   delete x;  // 严格模式下回报错,正常模式忽略
   alert(x);
  • 严格模式不允许扩展
   var o = {}
   o.x = 100;
   Object.preventExtensions(o);
   o.y = 200;        // 严格模式下报错,普通模式不报错不扩展
   console.log(o); 
  • 严格模式不允许number类型以数字开头
   var x = 0100;
   console.log(x);  // 报错,严格模式下数字不允许以0开头
  • 严格模式下对象不能重名
  var o = {
    p: 1,
    p: 2
  }; // 语法错误
  • 严格模式下函数参数不能重名
  "use strict";
  function f(a, a, b) { // 报错
    return ;
  }
  • 严格模式下函数必须声明在顶层
    为即将引入的块级作用域铺垫
  "use strict";
  if (true) {
    function f() { } // 报错
  }
  for (var i = 0; i < 5; i++) {
    function f2() { } // 报错
  }
  • 严格模式新增了保留关键字
    为了向将来Javascript的新版本过渡,严格模式新增了一些保留字:implements, interface, let, package, private, protected, public, static, yield。
    使用这些词作为变量名将会报错。
  function implements(protected) { // 报错
    "use strict";
    var implements; // 报错
  }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 转自:脚本之家 转载 时间:2016-09-24我要评论 在 JavaScript 的严格模式下,对 JavaSc...
    Michael_林阅读 424评论 1 1
  • 一、概述 除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。...
    Bruce_zhuan阅读 355评论 0 6
  • 一 严格模式的调用两种调用方法,适用于不同的场合 1 针对整个脚本文件将"use strict"放在脚本文件的第一...
    天外来人阅读 1,160评论 0 1
  • 今天先从一个小案例说起,面向对象的内容已经过去一半,剩下的内容也至关重要 ! 希望帮到你的朋友, 能持续关注更新 ...
    西巴撸阅读 720评论 0 0
  • 我没那么喜欢你了,虽然在街上偶尔会看到像你的背影我还是点起脚转了个弯最后还是忍住了,因为我知道不打扰是我最后的温柔...
    彭小猪阅读 651评论 3 1