js严格模式理解

一.什么是严格模式

• 在js中出了提高正常模式外，还提供了严格模式，是ES5新增的严格模式在IE10以上的版本才会支持，旧版本浏览器中会被忽略。

二.为什么要使用严格模式

• 消除js语法的一些不合理，不严谨之处，减少一些怪异行为；
• 消除代码运行的一些不安全之处，保证代码运行的安全；
• 提高编译器效率，增加运行速度
• 为未来新版本的JavaScript做好铺垫

三.开启严格模式

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

1. 为脚本开启严格模式
为整个脚本文件开启严格模式，需要在所有语句之前放一个特定语句“use strict”;（或‘use strict’;）。

<script>
"use strict";开启严格模式
	//下面的js代码就会按照严格模式去执行了
</script>

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

   (function() {
            "use strict";
            var num = 10;

            function fn() {}
        })();

2. 为函数开启严格模式
给某个函数开启严格模式，需要把“use strict”; (或 ‘use strict’; ) 声明放在函数体所有语句之前。

<script>
        function fn() {
            'use strict'
            //为函数内部开启严格模式 函数内部代码按照严格模式执行
        }
        fn()

        function fn1() {
            //这里我们还是按照的普通函数去执行，因为这里面没有开启严格模式不受影响 包括函数外部的代码也不受严格模式影响
        }
        fn1()
    </script>

将 “use strict” 放在函数体的第一行，则整个函数以 “严格模式” 运行。

四.严格模式中的变化

1.变量的规范

 // 1.变量的规范
 <script>
        // ①在正常模式中，一个变量没有声明直接赋值，默认的是全局变量，但是在严格模式中是禁止这种的写法，变量必须的先var声明在赋值
        'use strict' //开启严格模式
         a = 10
         console.log(a); //报错
        
        // ②我们不能随意删除已经声明好的变量
         var sum = 10;
         delete sum;
         console.log(sum); //报错
 </script>

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

 <script>
    'use strict' //开启严格模式
     // 2.严格模式下this指向的问题
     
        // ①以前的全局作用域函数中的this指向的是window对象
        function fn() {
            console.log(this); //window
        }
        fn()
        
            // ②严格模式下全局作用域中函数中的this指向的undefined
        function fn1() {
            console.log(this); //undefined
        }
        fn1()
        
            // ③ 严格模式下 如果构造函数不加new调用 this会报错 因为在严格模式下this此时指向的是undefined 如果给它赋值 会报错的
        function Star() {
            this.sex = '男'
        }
         Star()
         console.log(window.sex); //报错
        
        // ④ new实例化的构造函数this指向创建的对象实例在严格模式下是没有变的
        var hh = new Star()
        console.log(hh.sex); //男
 </script>

3.函数变化

 <script>
     
       'use strict' //开启严格模式
      // 3.函数变化
        // ①严格模式下函数不能有重名参数
        function fn2(a, a) {
            console.log(a + a); //报错 因为在严格模式下重名容易搞混淆
        }
        fn2(1, 2);
 </script>

严格模式不止这些待补全