web学习 -- JavaScript 严格模式

概述

除了正常运行模式,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; // 语法错误

  }
springboot003基于Springboot+Vue的图书个性化推荐系统的设计与实现毕业源码案例设计 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值