北大青鸟java培训:js解析机制与闭包分析?

JavaScript019

北大青鸟java培训:js解析机制与闭包分析?,第1张

随着互联网的不断发展,程序员在学习JavaScript编程开发上也有了更多的了解,今天我们就简单分析一下关于JavaScript编程解析机制以及闭包的一些常见问题。

js解析机制:js代码解析之前会创建一个如下的词法环境对象(仓库):LexicalEnvironment{}在扫描js代码时会把:1、用声明的方式创建的函数的名字2、用var定义的变量的名字存到这个词法环境中3、同名的时候:函数声明会覆盖变量,下面的函数声明会覆盖上面的同名函数4、函数的值为:对函数的一个引用变量的值为undefined5、如果用函数表达式的方式创建一个函数:varfn=function(){}这样词法环境中存的是一个变量名fn,并赋值为undefined在调用函数的时候如果在函数上面调用就会出现和变量一样的情况报错undefined这也是以两种不同方式创建函数的区别闭包:定义:(有多种定义)1、(比较通俗的定义):函数嵌套函数,内部函数可以引用外部函数的参数和变量,这些参数和变量不会被垃圾回收机制所回收2、在计算机科学中,闭包是词法闭包的简称,是引用了自由变量的函数,这个被引用的自由变量将和这个函数一同存在,即使已经离开了创造它的环境也不例外(意思就是不会被销毁)。

3、闭包是由函数和其相关的引用环境组合而成的实体。

(潜台词就是这个函数将和引用环境同时存在,必须有引用)综合来说,不管怎么定义都是在围绕着两个本质:函数在引用变量,这个变量将不会被销毁。

闭包的一个作用就是:我们能够通过闭包的方法来在外部访问到一个内部函数的变量很多人在解释闭包的时候都会把子函数return出去以后在外部调用,其实无论在哪里调用,闭包都已经形成了,只要是函数嵌套函数,并且子函数引用了父函数的变量,(不论子函数有没有被调用,电脑培训http://www.kmbdqn.cn/认为这个用一种方法证明:在子函数内部打断点,在f12中观察闭包里的内容,已经出现了引用函数,这时候调用还没有被执行)这个时候闭包已经形成了。

我们在使用vue写项目的时候,会发现如果我导入一个文件,直接使用目录导入,目录下面放一个index.js,那么会直接导入index.js这个文件,这个是什么原因呢?

其实这个是webpack的一个默认配置,即:

resolve.mainFiles : ["index"],   这个配置的默认是index.js, 如果你想导入其它默认的文件,可以自己配置,比如我想默认default.js,可以这样配置:

exports = {

entry:'main.js',

.......

resolve:{

    mainFiles:["index", "default"]   // 注意,这个index必须要有,否则会报错

}

}

Javascript compressor 代码压缩工具,提供了一种特有的压缩算法对JS的代码进行减肥,也是我看到较早的一个工具,现在经常和JSConfusion结合去使用(当然是先混淆后压缩)

JSObfuscator 集混淆/压缩一体的工具,虽然功能比较多,但在压缩的时候效果不是很好,经过我测试会有时压缩过的代码不能运行!