Web前端面试笔试题2——JS（1）：函数调用（局部变量/全局变量）

墨蓝 2022-06-17 03:24 82阅读 0赞

1、函数调用——局部变量/全局变量

案例1-1：fun(a)函数有传参，即可更改“局部变量”

var a=100; function fun(a){ a++; console.log(a); } fun(100); //101; console.log(a); //100

解析：在上述案例中，由于函数fun()中传入参数“a”，所以a=100，进行了函数赋值，“a++”之后，a由“100”变成了“101”；再经过“fun(a)”，输出“101”，fun(100)返回“101”。

但是，对于fun(a)而言，“a++”后“a=101”，作为一个局部变量，在程序执行完毕就被销毁，所以在外部函数而言，“a= ”全局变量“a（100）”，所以“console.log(a)”，输出“100”。

<table style="text-align:center"> 
 <tbody> 
  <tr> 
   <td><span style="font-family:KaiTi_GB2312; font-size:18px">window</span></td> 
   <td><span style="font-family:KaiTi_GB2312; font-size:18px"><br> </span></td> 
  </tr> 
  <tr> 
   <td><span style="font-family:KaiTi_GB2312; font-size:18px">a</span></td> 
   <td><span style="font-family:KaiTi_GB2312; font-size:18px">100</span></td> 
  </tr> 
  <tr> 
   <td><span style="font-family:KaiTi_GB2312; font-size:18px">fun(函数对象)</span></td> 
   <td><span style="font-family:KaiTi_GB2312; font-size:18px">console.log(a)</span></td> 
  </tr> 
 </tbody> 
</table>

拓展——

如果将函数fun(a)改为“fun()”，表示函数没有局部变量，即设置了“无参”模式，自身没有传递“局部变量”，所以经过“a++”之后，更改完即更改全局变量。

案例1-2：fun()没有传递参数，即为“全局变量”

var a=100; function fun(){ a++; console.log(a); } fun(100); //101 console.log(a); //101

解析：

在上述案例中，唯一不同的就是“fun(a)”改为“fun()”，即“fun()”不传入参数，里边的参数即为传递“全局变量”，所以“a++”之后，更改的是“全局变量a”；

但是，案例1-1中“fun(a)”中，即“fun(a)”传入参数，里边的参数即为传递“局部变量”，当函数fun()执行完毕后，局部变量即刻销毁，所以“console.log(a)”还是“全局变量”，这亦是两个案例的不同之处所在。

2、给未声明的变量赋值，系统会自动定义声明

案例2-1：

var n=101; function foo(){ m=100; console.log(m); } foo(); //100 console.log(m); //100

解析：

在上述案例中，由于“fun()”表示“无主语”状态，即表示全局变量，所说外部仅有全局变量“n”，但是在fun()函数中，“m=100”，变量声明，所说外部仅定义全局变量“n”，并未定义“m”。但是，系统会自动定义“m”，此时“m”为“全局变量”。