严格模式中的变化

yfisaboy 2019-11-25

什么是严格模式?

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

怎么定义严格模式?

1.//为整个脚本(script标签)开启严格模式
      (function(){
          ‘use strict‘;
      })();
2.为某个函数开启严格模式
 /*此时只是给fn函数开启严格模式*/
       function fn(){
          ‘use strict‘
          //下面代码按照严格模式执行
       }
       function fun(){
          //里面还是按照普通模式执行
       }

1.严格模式中的变化

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

#变量规定
         1.在正常模式中,如果一个变量没有声明就赋值,默认是全局变量
         严格模式禁止这种用法,变量都必须先用var声明

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

  1. 以前在全局作用域函数中的this指向window对象
  2. 严格模式下全局作用域中函数中的this是undefined
  3. 以前构造函数时不加new也可以调用,this会报错
  4. 严格模式下,如果构造函数不加new调用,this会报错
  5. new 实例化的构造函数指向创建的实例对象
  6. 定时器this还是指向window
  7. 事件、对象还是指向调用者

3.函数变化

函数不能有重名的参数

函数必须声明在顶层最新版本的JavaScript会引入“块级作用域‘’[es6中已引入],为了与新版本接轨,

不允许在非函数的代码块内声明函数。

1.我们的变量名必须先声明再使用
         num=10;
         console.log(num);
2.不能随意删除已经声明好的变量
        var num=10;
        console.log(num); 
        delete num;
3.严格模式下全局作用域中函数的this是undefind
function fn(){
       console.log(this);//undefined
     }
     fn();
4.严格模式下,如果构造函数不加new调用, this会指向undefined, 如果给他赋值则会报错
        function Star(){
             this.sex=‘男‘;
        };
        var ldh=new Star();
        console.log(ldh.sex);
5.定时器this还是指向 window
 setTimeout(function(){
      console.log(this);
         },2000);
         Star();
        console.log(window.sex);
6.严格模式下函数里面的参数不允许有重名
        //a=1;
        //a=2;
        function fn(a,a){
            console.log(a+a);
        };
        fn(1,2);

相关推荐