JS重要知识点总结-不完善

Posted 2020-09-26

###1、闭包

??闭包就是能够读取其他函数内部变量的函数。由于在javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。`闭包的作用是为了防止全局变量泛滥`。

 

*`使用闭包的注意点：`*

 

* 1）由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。

* 2）闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。

 

###2、变量提升

??变量提升指的是在浏览器解析JS文件是，把定义的变量或者函数会先解析，然后在解析其他代码，也就是说，JS当中可以先使用变量，然后在定义。但是

如果在定义变量的时候，给变量进行了初始化的话，该变量是不会被提升的！附：在es6代码规范中，必须先定义变量，才可以使用变量。

 

###3、高阶函数

??高阶函数其实很简单，只要输出形式是print(‘hello‘)(‘world‘);的就行。例如：

 

    javascript:

    

    var Moqi = function(p1){

        this.add = function (p2){

            return p1 + ‘ ‘ + p2;

        };

        return add;

    };

    

    console.log(Moqi(‘Hello‘)(‘World‘));

    

###4、Callback回调函数

* jQuery Callback 函数

 

    当动画 100% 完成后，即调用 Callback 函数。

    

    典型的语法：

 

    `$(selector).hide(speed,callback);`

    

    callback参数是一个在 hide 操作完成后被执行的函数。

    

    错误（没有 callback）：

    

    $("p").hide(1000); alert("The paragraph is now hidden");

    

    正确（有 callback）:

    

    `$("p").hide(1000,function(){ alert("The paragraph is now hidden"); });`

    

    结论：如果您希望在一个涉及动画的函数之后来执行语句，请使用 callback 函数。

 

    凡是由你设计却由windows系统呼叫的函数，统称为callback函数。某些API函数要求以callback作为你参数之一。

    

    如SetTimer，LineDDA，EnumObjects。回调函数是由开发者按照一定的原形进行定义的函数（每个回调函数都必须遵循这个原则来设计）