web学习 -- JavaScript 严格模式

本文深入解析ECMAScript5引入的JavaScript严格模式,旨在提升代码质量和安全性。严格模式限制全局变量的隐式声明,增强了静态绑定,提高了编译效率,确保代码在更安全的环境下运行。此外,文章详细介绍了如何启用严格模式,以及它对变量声明、函数调用栈、保留字等的影响。
摘要由CSDN通过智能技术生成

概述

除了正常运行模式,ECMAscript 5添加了第二种运行模式:“严格模式”(strict mode)。
即这种模式使得Javascript在更严格的条件下运行。

目的

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

进入标志

进入严格模式,需要在JavaScript中添加

"use strict";

注:老版本浏览器会将该标志当做一行普通字符串加以忽略

调用

针对整个脚本文件

将"use strict"放在脚本文件的第一行,则整个脚本都将以"严格模式"运行。
如果这行语句不在第一行,则无效,整个脚本以"正常模式"运行。如果不同模式的代码文件合并成一个文件,这一点需要特别注意。

	<script>
    "use strict";
    console.log("这是严格模式。");
  </script>

  <script>
    console.log("这是正常模式。");
  </script>

注:只要前面不是产生实际运行结果的语句,"use strict"可以不在第一行,比如直接跟在一个空的分号后面

针对单个函数

将"use strict"放在函数体的第一行,则整个函数以"严格模式"运行。

	function strict(){
    "use strict";
    return "这是严格模式。";
  }

  function notStrict() {
    return "这是正常模式。";
  }

语法

全局变量

在严格模式中,全局变量必须显示声明

	"use strict";

  v = 1; // 报错,v未声明

  for(i = 0; i < 2; i++) { // 报错,i未声明
  }

注:在严格模式下,变量都必须先用var命令声明,然后再使用

静态绑定

严格模式对动态绑定做了一些限制。
某些情况下,只允许静态绑定。即,属性和方法到底归属哪个对象,在编译阶段就确定。
这样做有利于编译效率的提高,也使得代码更容易阅读更少出现意外

1)禁止使用with语句

	"use strict";

  var v = 1;

  with (o){ // 语法错误
    v = 2;
  }

2)eval作用域
正常模式下,eval语句的作用域,取决于它处于全局作用域,还是处于函数作用域。

严格模式下,eval语句本身就是一个作用域,不再能够生成全局变量了,它所生成的变量只能用于eval内部。

	"use strict";

  var x = 2;

  console.info(eval("var x = 5; x")); // 5

  console.info(x); // 2

安全增强

1)禁止this关键字指向全局对象

	function f(){
    return !this;
  }
  // 返回false,因为"this"指向全局对象,"!this"就是false

  function f(){
    "use strict";
    return !this;
  }
  // 返回true,因为严格模式下,this的值为undefined,所以"!this"为true。

使用构造函数时,如果忘了加new,this不再指向全局对象,而是报错

	function f(){

    "use strict";

    this.a = 1;

  };

  f();// 报错,this未定义

2)禁止在函数内部遍历调用栈

	function f1(){

    "use strict";

    f1.caller; // 报错

    f1.arguments; // 报错

  }

  f1();

3)禁止删除变量

严格模式下无法删除变量。

只有configurable设置为true的对象属性,才能被删除。

	"use strict";

  var x;

  delete x; // 语法错误

  var o = Object.create(null, {'x': {
      value: 1,
      configurable: true
  }});

  delete o.x; // 删除成功

4)显示报错
正常模式下,对一个对象的只读属性进行赋值,不会报错,只会默默地失败。
严格模式下,将报错。

	"use strict";

  var o = {};

  Object.defineProperty(o, "v", { value: 1, writable: false });

  o.v = 2; // 报错

严格模式下,对一个使用getter方法读取的属性进行赋值,会报错。

	"use strict";

  var o = {

    get v() { return 1; }

  };

  o.v = 2; // 报错

严格模式下,对禁止扩展的对象添加新属性,会报错

 "use strict";

  var o = {};

  Object.preventExtensions(o);

  o.v = 1; // 报错

严格模式下,删除一个不可删除的属性,会报错。

"use strict";
delete Object.prototype; // 报错

重名错误

重名错误是严格模式新增的语法错误

1)对象不能有重名的属性
正常模式下,如果对象有多个重名属性,最后赋值的那个属性会覆盖前面的值
严格模式下,这属于语法错误。

"use strict";

  var o = {
    p: 1,
    p: 2
  }; // 语法错误

2)函数不能有重名的参数
正常模式下,如果函数有多个重名的参数,可以用arguments[i]
严格模式下,这属于语法错误

	"use strict";

  function f(a, a, b) { // 语法错误

    return ;

  }

禁止使用八进制表示法

正常模式下,整数的第一位如果是0,表示这是八进制数,比如0100等于十进制的64。
严格模式禁止这种表示法,整数第一位为0,将报错。

"use strict";

  var n = 0100; // 语法错误

arguments对象的限制

arguments是函数的参数对象,严格模式对它的使用做了限制。

1)不允许对arguments赋值

	"use strict";

  arguments++; // 语法错误

  var obj = { set p(arguments) { } }; // 语法错误

  try { } catch (arguments) { } // 语法错误

  function arguments() { } // 语法错误

  var f = new Function("arguments", "'use strict'; return 17;"); // 语法错误

2)arguments不再追踪参数的变化

	function f(a) {

    a = 2;

    return [a, arguments[0]];

  }

  f(1); // 正常模式为[2,2]

  function f(a) {

    "use strict";

    a = 2;

    return [a, arguments[0]];

  }

  f(1); // 严格模式为[2,1]

3)禁止使用arguments.callee
即,无法在匿名函数内部调用自身

	"use strict";

  var f = function() { return arguments.callee; };

  f(); // 报错

函数声明必须在顶层

Javascript的新版本将会引入"块级作用域"。
为了与新版本接轨,严格模式只允许在全局作用域或函数作用域顶层声明函数。也就是说,不允许在非函数的代码块内声明函数。

	"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 package(protected) { // 语法错误

    "use strict";

    var implements; // 语法错误

  }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值