JavaScript 预编译习题

本文详细探讨了JavaScript中的预编译过程,包括作用域创建阶段、AO对象的生成以及变量和函数声明的处理。通过一个具体的函数fn实例,解释了预编译时AO对象的变化以及执行阶段的输出结果。解题思路清晰地展示了预编译每个步骤的影响,帮助读者深入理解JavaScript的作用域和预编译机制。
摘要由CSDN通过智能技术生成

JavaScript 预编译习题

  1. 预编译的事件
    作用域的创建阶段,就是预编译的阶段
  2. AO对象
    我们都知道Js中有全局作用域和函数作用域,与之对应的叫’js的变量对象’,在函数作用域的创建阶段也叫AO对象, 这个对象供js引擎自己访问,我们无法访问
  3. 预编译时做了什么
    1、创建ao对象------> 2、找形参和变量的声明 作为AO对象的属性名 值是undefined------> 3、实参和形参统一------> 4、找函数声明,如果函数名和之前变量名相同,将覆盖原有
  4. 题目
function fn(a,c){
	console.log(a);
	var a = 123;
	console.log(a);
	console.log(c);
	function a(){};
	if(false){
		var d = 678;
	}
	console.log(d);
	console.log(b);
	var b = function(){};
	console.log(b);
	function c(){};
	consolo.log(c)
}
fn(1,2)
  1. 解题思路
    1、根据预编译过程生成AO对象
1\创建ao对象 2\找形参和变量的声明 作为AO对象的属性名 值是undefined
AO:{
	a:undefined,
	c:undefined,
	b:undefined,
	d:undefined
}
2\实参和形参统一
AO:{
	a:~~undefined~~   1,
	c:~~undefined~~   2,
	b:undefined,
	d:undefined
}
3\找函数声明,如果函数名和之前变量名相同,会覆盖
AO:{
	a:~~undefined~~    ~~1~~  function a(){},
	c:~~undefined~~   ~~2~~  function c(){},
	b:undefined,
	d:undefined
}
注意:var b = function(){};是函数的表达式而不是函数声明

2、JS的解释执行 逐行执行 得出答案

function fn(a,c){
	console.log(a); //function a(){}
	var a = 123;
	console.log(a); //123
	console.log(c);//function c(){}
	function a(){};
	if(false){
		var d = 678;
	}
	console.log(d);//undefined
	console.log(b);//undefined
	var b = function(){};
	console.log(b);//function(){};
	function c(){};
	console.log(c)//function c(){}
}
fn(1,2)

致自己:足够的努力,才能毫不费力

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值