严格模式

1.什么是严格模式

JavaScript 除了提供正常模式外,还提供了严格模式(strict mode)。ES5 的严格模式是采用具有限制性 JavaScript变体的一种方式,即在严格的条件下运行 JS 代码。

严格模式在 IE10 以上版本的浏览器中才会被支持,旧版本浏览器中会被忽略。

严格模式对正常的 JavaScript 语义做了一些更改:

1.消除了 Javascript 语法的一些不合理、不严谨之处,减少了一些怪异行为。

2.消除代码运行的一些不安全之处,保证代码运行的安全。

3.提高编译器效率,增加运行速度。

4.禁用了在 ECMAScript 的未来版本中可能会定义的一些语法,为未来新版本的 Javascript 做好铺垫。比如一些保留字如:class,enum,export, extends, import, super 不能做变量名

2.开启严格模式

严格模式可以应用到整个脚本个别函数中。因此在使用时,我们可以将严格模式分为为脚本开启严格模式为函数开启严格模式两种情况。

  • 情况一 :为脚本开启严格模式 为整个脚本文件开启严格模式,需要在所有语句之前放一个特定语句"use strict" ;(或'use strict' ;)。
    • 有的 script 脚本是严格模式,有的 script 脚本是正常模式,这样不利于文件合并,所以可以将整个脚本文件放在一个立即执行的匿名函数之中。这样独立创建一个作用域而不影响其他 script 脚本文件。 (function (){  //在当前的这个自调用函数中有开启严格模式,当前函数之外还是普通模式     "use strict";       var num = 10;     function fn() {} })(); //或者 <script>  "use strict"; //当前script标签开启了严格模式 </script> <script> //当前script标签未开启严格模式 </script>
  • 情况二: 为函数开启严格模式
    • 要给某个函数开启严格模式,需要把“use strict”; (或 'use strict'; ) 声明放在函数体所有语句之前。 function fn(){   "use strict";   return "123"; } //当前fn函数开启了严格模式

3.严格模式中的变化

严格模式对 Javascript 的语法和行为,都做了一些改变。

1.变量规定

①在正常模式中,如果一个变量没有 声明就赋值,默认是全局变量。严格模式禁止这种用法,变量都必须先用 var命令声明,然后再使用。

②严禁删除已经声明变量。例如, delete x;语法是错误的。

'use strict'
num = 10 
console.log(num)//严格模式后不能使用未声明的变量
--------------------------------------------------------------------------------
var num2 = 1;
delete num2;//严格模式不允许删除变量

2.严格模式下this指向问题

①以前在全局作用域函数中的this指向window对象。

②严格模式下全局作用域中函数中的this是undefined.

③以前构造函数时不加new也可以调用,当普通函数, this 指向全局对象

④严格模式下,如果构造函数不加new调用, this会报错.

⑤new实例化的构造函数指向创建的对象实例。

⑥定时器this还是指向window。

⑦事件、对象还是指向调用者。

function fn() {
 console.log(this); // 严格模式下全局作用域中函数中的 this 是 undefined
}
fn();  
---------------------------------------------------------------------------------
function Star() {
     this.sex = '男';
}
// Star();严格模式下,如果 构造函数不加new调用, this 指向的是undefined 如果给他赋值则 会报错.
var ldh = new Star();
console.log(ldh.sex);
----------------------------------------------------------------------------------
setTimeout(function() {
  console.log(this); //严格模式下,定时器 this 还是指向 window
}, 2000);  

3.函数变化

①函数不能有重名的参数。

②函数必须声明在顶层,新版本的JavaScript会引入"块级作用域”( ES6 中已引入)。为了与新版本接轨, 不允许在非函数的代码块内声明函数。

"use strict";
if (true) {
  function f() { } // !!! 语法错误
  f();
}
​
for (var i = 0; i < 5; i++) {
  function f2() { } // !!! 语法错误
  f2();
}
​
function baz() { // 合法
  function eit() { } // 同样合法
}

更多严格模式要求参考:

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Strict_mode

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • mongoose报错 DeprecationWarning: collection.ensureIndex is deprecated. Use createIndexes instead

    DeprecationWarning: collection.ensureIndex is deprecated. Use createIndexes inst...

    星辰_大海
  • 流程控制

    在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。

    星辰_大海
  • 预解析

    JavaScript 代码是由浏览器中的 JavaScript 解析器来执行的。JavaScript 解析器在运行 JavaScript 代码的时候分为两步:预...

    星辰_大海
  • JavaScript 严格模式

    严格模式是 ECMAScript5 (ES5)发布的语言新特性。使用严格模式可以限制 JavaScript 的一些语言特性,使用严格模式可以去除在书写代码时的一...

    多云转晴
  • 当SQL Server爱上Linux:AVAILABILITY_MODE 和 DataGuard 的实践差距

    作者 | 张乐奕:Oracle ACE 总监,ACOUG (中国 Oracle 用户组)联合发起人。Oracle 数据库高可用解决方案与 Exadata 一体...

    数据和云
  • Java模拟HTTP请求

    “ 关于HTTP协议,对于我们开发来说应该是比较熟悉的,它是一种超文本传输协议,用于从万维网服务器传输超文本到本地浏览器的传送协议,它是使用TCP协议进行传输”...

    每天学Java
  • UC伯克利黑科技:用语音数据预测说话人手势

    看到一篇CVPR 2019 论文《Learning Individual Styles of Conversational Gesture》,通过语音数据识别说...

    CV君
  • iOS开发之手势识别

      感觉有必要把iOS开发中的手势识别做一个小小的总结。在上一篇iOS开发之自定义表情键盘(组件封装与自动布局)博客中用到了一个轻击手势,就是在轻击TextVi...

    lizelu
  • [Silverlight 4 RC]WebBrowser概览

    WebBrowser控件提供了当silverlight应用运行在OOB(out of browser)模式时,在silverlight内部呈现html的功能。 ...

    用户1172164
  • 【干货教程】不止要数据,解密行业分析师如何写好研究报告

    写研究报告,是分析师的本职工作,投资者与分析师接触,通常都从小小一个PDF文件开始。作为行业小兵,笔者根据自己的经验教训,梳理了写好研究报告的几处心得,与朋友们...

    小莹莹

扫码关注云+社区

领取腾讯云代金券