JavaScript高级---(5)ES5严格模式

x33g5p2x  于2021-09-24 转载在 JavaScript  
字(1.6k)|赞(0)|评价(0)|浏览(602)

一、严格模式

JavaScript 除了提供正常模式外,还提供了严格模式(strict mode)。ES5 的严格模式是采用具有限制性 JavaScript 变体的一种方式,即在严格的条件下运行 JS 代码。
严格模式在 IE10 以上版本的浏览器中才会被支持,旧版本浏览器中会被忽略。
严格模式对正常的 JavaScript 语义做了一些更改:

  1. 消除了 Javascript 语法的一些不合理、不严谨之处,减少了一些怪异行为。
  2. 消除代码运行的一些不安全之处,保证代码运行的安全。
  3. 提高编译器效率,增加运行速度。
  4. 禁用了在 ECMAScript 的未来版本中可能会定义的一些语法,为未来新版本的 Javascript 做好铺垫。比如一些保留字如:class, enum, export, extends, import, super 不能做变量名

二、开启严格模式

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

1、为脚本开启严格模式

  1. <script>
  2. // 1、为脚本开启严格模式 use strict
  3. 'use strict';
  4. // 下面的js代码都会按照严格模式执行代码
  5. </script>

有的 script 脚本是严格模式,有的 script 脚本是正常模式,这样不利于文件合并,所以可以将整个脚本文件放在一个立即执行的匿名函数之中。这样独立创建一个作用域而不影响其他 script 脚本文件。

  1. <script>
  2. (function() {
  3. 'use strict';
  4. })()
  5. </script>

2、为函数开启严格模式

有时候我们只希望在某个函数内部使用严格模式,要给某个函数开启严格模式,需要把“use strict”; (或 ‘use strict’; ) 声明放在函数体所有语句之前。

  1. <script>
  2. // 此时仅仅给fn开启了严格模式
  3. function fn() {
  4. 'use strict';
  5. // 下面代码执行严格模式
  6. }
  7. </script>

三、严格模式的变化

1、变量规定

  • 在正常模式中,如果一个变量没有声明就赋值,默认是全局变量。严格模式禁止这种用法,变量都必须先用var 命令声明,然后再使用。
  • 严禁删除已经声明变量。例如,delete x; 语法是错误的。
  1. 'use strict';
  2. // 1、先声明后使用
  3. num = 10;
  4. console.log(num); // not defined
  5. // 2.禁止随意删除声明的变量
  6. delete num; // error

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

  1. // 3.严格模式下全局作用域函数不再指向window,而是undefined
  2. function fn() {
  3. console.log(this); // undefined
  4. }
  5. fn();
  6. // 4.严格模式下,构造函数不加new调用会报错
  7. function Star() {
  8. this.sex = 'male';
  9. }
  10. Star(); // 严格模式下,构造函数不加new调用会报错
  11. // 5. 定时器this指向还是window
  12. setTimeout(function() {
  13. console.log(this);
  14. }, 2000);

3、函数变化

  • 函数不能有重名的参数。
  • 函数必须声明在顶层.新版本的 JavaScript 会引入“块级作用域”( ES6 中已引入)。为了与新版本接轨,不允许在非函数的代码块内声明函数。
  1. // 6.变量不能重名
  2. function fn(a, a) {
  3. console.log(a + a);
  4. }
  5. fn(1, 2); // 非严格=4 a=1; a=2; 2覆盖
  6. // 7. 不允许在非函数代码块内声明函数
  7. if(a==1) {
  8. function a() {};
  9. } //不允许
  10. for(var i=0;i<9;i++) {
  11. function a() {}
  12. } //不允许
  13. function a() {
  14. function b() {}; //允许
  15. }
  16. </script>

下一篇:JavaScript高级—(6)闭包

相关文章