ES6 —— 严格模式


一、什么是严格模式?

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

二、开启严格模式

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

  1. 为脚本开启严格模式,需要在所有语句之前放一个特定语句 "use strict"; 或者 'use strict';
	'use strict';
  1. 为函数开启严格模式
	// 此时只是给fn函数开启严格模式
    function fn(){
    
    
        'use strict'
        // 下面的代码按照严格模式执行
    }
    function fun(){
    
    
        // 里面还是按照普通模式执行
    }

三、严格模式中的变化

  1. 在正常模式下,如果一个变量没有声明就赋值,默认是全局变量。严格模式下禁止这种写法,变量必须先声明,再使用。
	'use strict'
    num = 1

在这里插入图片描述

  1. 不能随意删除已经声明好的变量
	'use strict'
    let num = 8
    delete num

在这里插入图片描述

  1. 在严格模式下全局作用域中函数的 this 是 undefined。
	'use strict'
    function fn(){
    
    
        console.log(this)
    }
    fn() //undefined
  1. 以前构造函数不加 new 也可以调用,当普通函数,this 指向全局对象。
	function Star(){
    
    
        this.sex = '男'
    }
    Star()
    console.log(window.sex) //男
  1. 严格模式下,如果构造函数不加 new 调用,this 指向的是 undefined,如果给它赋值,会报错。
	'use strict'
    function Star(){
    
    
        this.sex = '男'
    }
    Star()
    console.log(window.sex)

在这里插入图片描述
6. new 实例化的构造函数指向创建的对象实例。

	'use strict'
    function Star(){
    
    
        this.sex = '男'
    }
    let a = new Star()
    console.log(a.sex) //sex
  1. 定时器 this 还是指向 window
	'use strict'
    setTimeout(function(){
    
    
        console.log(this)
    }, 100)

在这里插入图片描述

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

四、严格模式中函数的变化

  1. 函数不能有重名的参数。
	//非严格模式下 后面的值覆盖了前面的,但能执行
	function fn(a, a){
    
    
        console.log(a + a)
    }
    fn(1, 2) //4
    //严格模式下 函数不能有重名的参数
    'use strict'
    function fn(a, a){
    
    
        console.log(a + a)
    }
    fn(1, 2)

在这里插入图片描述

  1. 函数必须声明在顶层。因为块级作用域,不允许在非函数的代码块内声明函数。(不允许在 if判断for循环 中声明函数)

猜你喜欢

转载自blog.csdn.net/qq_45902692/article/details/124470406