函数声明的理解（重要）

今天药忘吃喽~ 2022-03-01 17:38 215阅读 0赞

对于函数声明规则：  
程序执行前要进行预编译，产生一个AO对象，并按照AO对象中的规则， 整理  声明语句（注意，只牵扯到声明，并未赋值）

首先js的执行过程会先扫描一下整体语法语句，如果存在逻辑错误或者语法错误，那么直接报错，程序停止执行，没有错误的话，开始从上到下解释一行执行一行。

但是js中首先你要清楚变量声明和函数声明是会提升的。

计算机执行到function()函数时，在执行的前一刻会创建一个ao对象。

ao\{\}

这是第一步，创建一个ao对象，第二步是将函数内所有的形参和变量声明储存到ao对象中，value为undefined；

ao\{

a:undefined，
    
    b:undefined
    ...

第三步将形参和实参进行统一。(如果有的话)

ao\{

a:1,
    
    b:undefined

第四步将所有的函数声明的函数名作为ao对象中的key，函数整体内容作为value，存储到ao对象中

ao\{

a:function(){},
    
    b:function(){}

之后开始打印的a，其实打印的就是ao对象中的a，里面细节有很多，但是整体步骤就是这些，  
( go对象同理，只是go指向的是window对象，其实window对象也就是go对象的意思了，只是少了形参和实参统一的步骤罢了。)

1.  undefined
2.  var 变量声明
3.  fuction 函数声明  
    具体说明  
    下面的会优先覆盖上面的进行赋值，下面给个具体例子

function bar(parameter){ 
    					function foo{ };
    					var foo;
    					return foo;
    			}
    			console.log(bar(3))

按照ao创建规则，

1.  ao\{  
    foo；\}
2.  ao\{  
    foo = undefined；\}
3.  ao\{  
    foo = 3；\}
4.  ao\{  
    foo = function；\}

与在函数创建时的变量顺序无关，与ao对象中的规则有关

var num1=1;   
    	 function testf1()
    	 {           
    	  num1=2;          
    	  alert(num1); 
    	 } 
    	 function testf2()
    	 {       
    	  alert(num1); 
    	 }  
    	    testf1();   //2
    	    testf2();   //2

此问题关键在于 num1 = 2 ；也相当于全局变量，所以不要被其所在位置干扰

var k=12; 
    	var sum = k++ + ++k + ++k*2 + k-- + k-- ;
    	document.write(sum + "" + k)  //85 13

此题的坑在于最后一个 k–（14） ，在遇到 document 中 k 时才会进行最后一步自减运算。

var x = 1; 
    	function fn(n)
    	{   n = n+1; }; 
    	y = fn(x);
    	console.log(y);  //undefined

此题的坑在于函数没有返回值。

a=100;
    	function demo (e)
    	{ 
    		var a ;
    		console.log(a); // undefined
    	}
    	demo (a);

全局变量，在传参情况下仍然没有影响到，局部的 var a 语句

函数声明的理解（重要）

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 bilibiliC++54函数-函数的声明

相关 js中函数声明和函数表达式，立即执行函数理解（笔记）

相关 javascript函数声明

相关 js:函数声明

相关深入理解函数声明和函数表达式、深入理解立即执行函数（自执行函数）

相关 C++-----不能声明为虚函数的函数和建议声明为虚函数的函数

相关函数声明

相关函数声明的理解（重要）

相关声明提前和函数声明/变量声明权重

相关声明函数的小技巧