JS:ES5中的严格模式及如何开启严格模式?都有哪些变化?

ES5之后新增了一个严格模式,不过有兼容性问题,只有IE10以上的版本才支持,IE10以下的版本会忽略,还是会用普通的模式解析。

所谓严格模式就是在严格的条件下运行我们的JS代码。

使用严格模式,会有哪些改变:

1.消除了JS语法的一些不合理,不严谨的地方,比如变量必须在声明之后,才能使用,否则会报错

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

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

4.禁用了ECMAScript的未来版本可能会定义的一些语法,比如一些保留字:class、enum、extends、super等不能作为变量名使用

如何开启严格模式?

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

1.为脚本开启严格模式

需要在所有语句前放一个特定语句 "use strict";

<script>
// 所有js代码都必须按照严格模式书写规范
    "use strict";
    num = 10;
    console.log(num); // 会报错,因为开启了严格模式,需要加上var
</script>

2.为某个函数开启严格模式

<script>
    function fun(){
      // 只是为fun函数开启了严格模式
      "use strict";
    }

    function fn(){
      // 还是按照普通模式执行
    }
</script>

严格模式中的变化

1.变量规定

在普通模式中,如果一个变量没有用var声明就赋值,默认是全局变量。但在严格模式中,是禁止的,变量必须先用var声明,然后再使用,否则会报错。

<script>
"use strict";
num = 10;
conosole.log(num); // 会报错
</script>

2.严禁删除已经声明的变量,例如:delete num; 这个语法是错误的

<script>
      "use strict";
      var num = 10;
      delete num; // 会报错
</script>

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

-严格模式下全局作用域中的函数,this指向的是undefined,在普通模式下指向的是window

<script>
      "use strict";
      function fun(){
        console.log(this);
      }
      fun(); // 指向undefined,不再是window
</script>

-以前构造函数不加new也可以调用,只不过是当作普通函数进行调用,this指向window,而在严格模式下,不加new会报错。

<script>
// "use strict";
      function Fun(){
        this.name = "Alice";
      }
      Fun(); // 会报错,因为严格模式下函数中的this指向的是undefined,我们不能给undefined添加name属性
</script>

-new实例化的构造函数还是指向创建的对象实例,和普通模式下一样

-定时器函数中的this还是指向的window,和普通模式下一样

-在事件、对象里的this还是指向的调用者,和普通模式下一样

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值