博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
脚本的预编译
阅读量:5848 次
发布时间:2019-06-19

本文共 1134 字,大约阅读时间需要 3 分钟。

一、前言

预编译是JS语言的难点重点之一,难点在于不便理解,重点在于必须掌握。

预编译实际上就是JS引擎的两次扫描,第一次扫描是检测声明,第二次扫描是执行代码。

预编译分为脚本的预编译和函数调用的预编译,先来说说脚本的预编译。


二、脚本预编译

1. 过程

1.创建全局对象GO(GlobalObject)

2.加载脚本文件

3.预编译:

  • 找出所有的变量声明,按照变量名加入全局对象
  • 找出所有的函数声明,按照函数名加入全局对象,如果已经存在同名变量或者函数,替换之。
  • 非声明不考虑。

4.解析执行代码

2. 解析

1.没有var的变量,都不是变量声明,全部认为是window的全局变量,不参与预编译。

// console.log(aa); // Uncaught ReferenceError: aa is not definedaa = 5;console.log(aa); // 5复制代码

2.即使在函数中,aa也是全局变量。(运行时)

test();function test() {    aa = 5;}console.log(aa); // 5复制代码

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

console.log(aa); // undefinedvar aa = 5;console.log(aa); // 5复制代码

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

console.log(hh); // f hh(){...}function hh() {    console.log('hh');}复制代码

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

console.log(haha); // f haha(){...}var haha = 123;function haha() {    console.log(2333);}复制代码

6.脚本中,只有函数能够覆盖变量,但是变量无法覆盖函数。(注意: 由5,6可知,函数优先级大于变量!)

console.log(haha); // f haha(){...}function haha() {    console.log(2333);}var haha = 123;复制代码

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

haha(1); // 'haha2'function haha(a) {    console.log('haha1');}function haha(b,c) {    console.log('haha2');}复制代码

三、本节思维导图

源码地址:

转载地址:http://wjkjx.baihongyu.com/

你可能感兴趣的文章
UGUI 分页渐变居中效果
查看>>
Node.js学习系列1
查看>>
LeetCode4. Median of Two Sorted Arrays
查看>>
快速排序递归和非递归实现
查看>>
Day9 操作系统介绍
查看>>
使用分析服务多维模式建立简单的分析模型
查看>>
silverlight style和template 使用之tip
查看>>
在网络中传输数据(II)
查看>>
java中数据类型转换
查看>>
Virtual Lab. For Probability and Statistics
查看>>
poj 2513
查看>>
————————————————————————动态规划——————————————————————1003——————————...
查看>>
PHP函数十进制、二进制、八进制和十六进制转换函数说明
查看>>
[数据结构] 迷宫问题(栈和队列,深搜和广搜)
查看>>
ASP.NET出错-当前上下文中不存在名称"Response" .
查看>>
Eclipse配置python环境
查看>>
第十二周总结
查看>>
SharePoint解决方案及开发系列(2)-ECM
查看>>
BeanUtils
查看>>
navicat使用
查看>>