严格模式及高阶函数

严格模式的定义

• JavaScript 除了提供正常模式外,还提供了严格模式( strictmode )。ES5 的严格模式是采用具有限制性
• JavaScript 变体的一种方式,即在严格的条件下运行JS代码。
• 严格模式在IE10以上版本的浏览器中才会被支持,旧版本浏览器中会被忽略。
• 严格模式对正常的JavaScript语义做了一一些更改 :
  1.消除了Javascript语法的一些不合理、不严谨之处,减少了-些怪异行为
  2.消除代码运行的一些不安全之处 ,保证代码运行的安全。
  3.提高编译器效率,增加运行速度。
  4.禁用了在ECMAScript的未来版本中可能会定义的一些语法,为未来新版本的Javascript做好铺垫。比如一-些保留字如: class, enum, export, extends, import, super不能做变量名

开启严格模式

<!-- 为整个脚本(script标签)开启严格模式 -->
    <script>
        'use strict';
        //   下面的js 代码就会按照严格模式执行代码
    </script>
    <script>
        (function() {
            'use strict';
        })();
    </script>
    <!-- 为某个函数开启严格模式 -->
    <script>
        // 此时只是给fn函数开启严格模式
        function fn() {
            'use strict';
            // 下面的代码按照严格模式执行
        }

        function fun() {
            // 里面的还是按照普通模式执行
        }
    </script>

严格模式的变化

1.变量规定
①在正常模式中,如果一个变量没有声明就赋值,默认是全局变量。严格模式禁止这种用法,变量都必须先用var命令声明,然后再使用。
num = 10;
// console.log(num);
var num = 10;
console.log(num);
②严禁删除已经声明变量。例如, delete x;语法是错误的。delete num;

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

function fn() {
            console.log(this); // undefined。
        }
        fn();

function Star() {
            this.sex = '男';
        }
        // Star(); 会报错
        var ldh = new Star();
        console.log(ldh.sex);

3.函数变化
①函数不能有重名的参数。
②函数必须声明在顶层新版本的JavaScript会引入"块级作用域” ( ES6中已引入)。为了与新版本接轨,不允许在非函数的代码块内声明函数。
更多严格模式要求参考: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Strict mode

 function fn(a, a) {
            console.log(a + a);

        };
        fn(1, 2);

高阶函数
定义：函数可以作为参数传递

 function fn(a, b, callback) {
            console.log(a + b);
            callback && callback();
        }
        fn(1, 2, function() {
            console.log('我是最后调用的');

        });
        $("div").animate({
            left: 500
        }, function() {
            $("div").css("backgroundColor", "purple");
        })