5.预解析、闭包

预解析

  • 可以理解为js解析引擎在逐行执行代码前,对一些特殊代码的预先执行。
  • 也可以认识是在马拉松之前的热身运动。
  • 具体一点讲,是js在逐行执行代码前,会对js脚本进行一个整体检查。
    • 1、检测语法有没有错误
    • 2、变量声明提升:检测到变量声明那就率先进行声明(实际上是开辟一个内存空间,将来备用)
    • 3、函数声明提升:检测到函数声明也率先进行声明(实际上是开辟两个内存空间,一个是变量,一个是函数)
  • 预解析造成js一个特殊的象限,就是在变量声明和函数声明之前的代码,可以访问它们。
  • js预解析完毕之后,才会整体正式逐行执行,但是预解析过的变量声明和函数声明不会重复执行。
  • js预解析分为两种,全局预解析(全局代码执行的时候会先预解析)与局部预解析(函数在调用的时候内部的代码会先预解析)

变量声明

  • 使用通过var定义的变量,才属于变量声明
    • 例如:var a; 属于变量声明。
    • 例如:b = 10; 不属于变量声明。
  • var关键字可以通过逗号连续声明多个变量
    • 例如:var a, b, c = 20, d = 30;
    • a,b,c,d全部属于声明。
  • var关键字在声明变量的时候,可以给其赋值,如果赋值表达式中含有一些变量,这些变量不属于变量声明。
    • 例如:var a = b = 10;
    • 其中a属于变量声明,b不属于。

函数的定义方式

  • 字面量
    • 函数声明
      • function fn(){}
    • 函数表达式
      • var fn = function(){}
  • 构造函数
    • new Function()

函数声明

在js中,函数声明式写法比较单一,好区分。

  • 一定是以function关键字开头定义的函数
  • 一定具有函数名
  • 函数声明有两种,1种是全局函数声明,1中是局部函数声明
    • 函数声明要么在全局,要么直接嵌套在另一个函数内

函数表达式

在js中,函数表达式的编写形式,多种多样。
比如把函数当作数据赋值给变量,或者把函数作为返回值return,或者当做参数传递,或者运算符运算,或者自调函数。

  • 要么不是以function关键字开头来定义的函数,要么该函数定义在了语句当中
  • 函数名可有可无

预解析细节规则

  • 变量声明重名 -- 后面的忽略,没有必要定义重复的变量
  • 函数声明重名 -- 保留后面的,因为函数体可能不一样,后面的优先与前面的
  • 变量与函数重名 -- 保留函数
  • 写在代码块中的函数,名字会被预解析,函数体不会
    • 最终造成的现象是,在该函数定义的访问它,不会报错,得到一个undefined
console.log(fn)  // undefined
if(true) {
    function fn(){}
}
console.log(fn)  // 函数体
  • 函数表达式不会被预解析,但是函数表达式定义的函数执行时,其内部会对自己进行函数声明。
    • 最终造成的现象是,在该函数的外面无法通过其名称找到它,但是在内部可以。
console.log(fn);  // 报错
var a = function fn(){
    console.log(fn);  // 函数体,因为表达式定义的函数,会在自己内部被声明一次。
}
console.log(fn);  // 报错

函数执行时形参的赋值

  • 一个函数在执行时,会优先定义形参,然后赋值。
  • 预解析和逐行执行都慢与形参。
(function(a) {
    console.log(a);  // 100
    var a = 200;
    console.log(a);  // 200
}(100));

闭包

  • 有权访问非自身局部变量(非全局变量)的函数,称为闭包。
  • 有权访问自由变量(非全局变量)的函数,称为闭包。

自由变量

  • 一个函数可以访问的非自身内部变量,称为这个函数的自由变量。

引用了自由变量的闭包特点

  • 会延长自由变量的生命周期,只要闭包不死我就不死

闭包的应用

  • 可以利用闭包的结构去管理一些重要的变量,防止外界随意对其修改
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,827评论 2 17
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,093评论 1 10
  • 函数声明和函数表达式有什么区别 (*)解析器会率先读取函数声明,并使其在执行任何代码之前可以访问;函数表达式则必须...
    coolheadedY阅读 399评论 0 1
  • 1.函数声明和函数表达式有什么区别 (*) 区别: 函数声明后面的分号可加可不加,不加也不影响接下来语句的执行,但...
    Sheldon_Yee阅读 410评论 0 1
  • 一、JavaScript基础知识回顾 1.1 JavaScript 1.1.1 javascript是什么? Ja...
    福尔摩鸡阅读 1,328评论 0 7