JavaScript 严格模式

88 篇文章 1 订阅
3 篇文章 0 订阅

1. 什么是严格模式

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

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

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

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

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

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

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

2. 开启严格模式

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

  • 情况一 :为脚本开启严格模式

    • 有的 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 的语法和行为,都做了一些改变。

'use strict'
num = 10;  // 不能给未声明变量赋值
console.log(num); // 不能使用未声明的变量
--------------------------------------------------------------------------------
var num2 = 1;
delete num2; // 不允许删除变量
--------------------------------------------------------------------------------
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);  
----------------------------------------------------------------------------------
var x = 010;   // 不允许使用八进制
----------------------------------------------------------------------------------
var x = \010;  // 不允许使用转义字符

严格模式下this指向问题:

  1. 以前在全局作用域函数中的this指向window对象
    严格模式下,全局作用域函数中的thisundefined
  2. 以前构造函数时不加new也可以 调用,当普通函数,this指向全局对象
    严格模式下,如果构造函数不加new调用, this指向的是undefined,如果给他赋值则会报错
  3. new实例化的构造函数指向创建的对象实例
  4. 定时器this还是指向window
  5. 事件、对象还是指向调用者
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

火星飞鸟

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值