函数调用的预编译

简介: 函数调用的预编译

一、前言

上一篇我们说到了脚本的预编译,这一节讲一讲函数调用的预编译。


二、函数调用的预编译

1. 过程

1.创建活动对象AO(Active Object)

2.预编译:

  • 产生作用域链(scope chain)
  • 初始化arguments
  • 初始化形参,将arguments中的值赋值给形参
  • 找出所有的变量声明,按照变量名加入AO,如果已存在,忽略。
  • 找出所有的函数声明,按照函数名加入AO,如果已经存在同名变量或者函数,替换。
  • this初始化

3.解释执行代码

2. 解析

1.函数中的所有变量声明,在函数的预编译阶段完成,所有变量与实际书写位置无关。

function f() {
    console.log(aa); // undefined
    var aa = 5;
    console.log(aa); // 5
}
f();

2.函数中的所有函数声明,在函数的预编译阶段完成,所有变量的声明与实际书写位置无关。

function f() {
    console.log(haha);
    function haha() {
        console.log(123);
    }
}
f();

3.函数中,如果变量与函数同名,那么函数将覆盖变量。

function f() {
    console.log(haha);
    var haha = 123;
    function haha() {
        console.log(456);
    }
}

4.函数中,只有函数能覆盖变量,变量无法覆盖函数。

function f() {
    console.log(haha);
    function haha() {
        console.log(123);
    }
    var haha = 456;
}
f();

5.函数中,后面的函数声明会覆盖前面的函数声明,并且忽略参数。

function f() {
    console.log(haha);
    function haha(a) {
        console.log('aaa');
    }
    function haha(a, b) {
        console.log('bbb');
    }
}
f();

6.当函数预编译后,遇到需要访问的变量或函数,优先考虑自己AO中定义的变量和函数,如果找不到,才会在其定义的上层AO中寻找,直到到达GO。

var scope = 'global';
function t() {
    console.log(scope); // undefined
    var scope = 'local';
    console.log(scope); // local
}
t();
console.log(scope); // global

三、本节思维导图

1688210579760.png

目录
相关文章
|
存储 Java
【JavaSE】基础笔记 - 图书管理系统(保姆教程,含源码)
【JavaSE】基础笔记 - 图书管理系统(保姆教程,含源码)
393 1
|
搜索推荐 安全 生物认证
如何使用 FOFA 搜索引擎保姆级教程(附链接)
如何使用 FOFA 搜索引擎保姆级教程(附链接)
|
搜索推荐 C# Windows
一款.NET开源、免费、实用的多功能原神工具箱(改善桌面端玩家的游戏体验)
一款.NET开源、免费、实用的多功能原神工具箱(改善桌面端玩家的游戏体验)
250 0
|
JavaScript
vue父子组件传值,父组件内容更新子组件内容不实时更新
vue父子组件传值,父组件内容更新子组件内容不实时更新
3553 0
|
监控 Kubernetes Cloud Native
一文读懂云原生可观测性-Observability
Hello folks,我是 Luga,今天我们来分享一下与云原生体系有关的话题- 云原生可观测性-Observability。 作为一个“核心”体系,可观测性在监控分布式微服务应用程序和云基础设施的可见性和控制自动化层面具有举足轻重的意义。
599 0
一文读懂云原生可观测性-Observability
|
Shell
monkey命令
​ 一:Monkey所有命令: monkey常用命令: 二、Monkey常用命令参数说明 基本参数 说明 -p 指定一个或多个包 -s 指定一个随机数生成器的seed值 --throttle 指定事件之间的固定延迟(ms) -v 指定反馈信息级别(信息级别就是日志的详细程度) -c 指定一个或多个类别名 -f 运行指定的monkey脚本 事件参数 说明 --pct-touch 指定触摸事件百分比 --pct-motion 指定动作事件百分比 --pct-trackball 指定轨迹事件百分比 --pct-syskeys 指定系统按键事件百分比
258 0
|
开发框架 JavaScript
本地运行github上的vue2.0仿饿了么webapp项目
本地运行github上的vue2.0仿饿了么webapp项目
159 1
|
弹性计算 网络安全
阿里云服务器怎么更换公网ip(阿里云更改公网ip)
阿里云服务器怎么更换公网ip(阿里云更改公网ip)
404 0
|
SQL 存储 分布式计算
剖析下 HiveOnSpark与 SparkOnHive 的异同
剖析下 HiveOnSpark与 SparkOnHive 的异同