a=100作为形参传入,此时全局定义了var a = 100;var x变量提升至函数内部最前,形参x和变量x同名,变量x声明被忽略。

发布时间 2023-11-15 22:27:39作者: 龙陌

请问以下JS代码输出的结果是什么?

function f(x) {
  console.log(x);
  var x = 200;
  console.log(x);
  }
f(a = 100);
console.log(a);

A
undefined、200、undefined

B
100、200、undefined

C
100、200、100

D
undefined、200、100

正确答案:C

JS中的函数是非惰性求值,也就是说f(a=100)是将a=100完成计算赋值后的结果即100传入到了f函数中,传入的是值而不是逻辑,相当于f(100),
同时变量a也处于函数外也即全局环境了,因此f函数里面的x一开始是传进来的100,后续被重新赋值为200.

琢磨了一下,程序执行顺序应该是这样的:

function f(x) {
console.log(x);
var x = 200;
console.log(x);
}
f(a = 100);
console.log(a);

// 以下是引擎解析后的顺序
function f(x) {
var x;
x = 100; // 隐式的赋值
console.log(x);
x = 200;
console.log(x);
}
var a;
a = 100;
f(a);
console.log(a)

a=100作为形参传入,此时全局定义了var a = 100;var x变量提升至函数内部最前,形参x和变量x同名,变量x声明被忽略。所以第一个console为100;x=200赋值,第二个console为200;第三个console为100。

你要知道形参赋值大于变量赋值

function f(x) { //形参接收100 x=100

var x //用var声明的变量存在提升,会提升到当前作用域的最顶端。

console.log(x); //此处的x是形参   这里x=100; 

x= 200; 形参重新赋值为200 

console.log(x); 这里x是形参, x为200 

} 

f(a = 100);//实参赋值 这里的实参是全局变量 全局变量不一定会用var声明。
console.log(a); //这里打印的是全局变量a 即实参a

补充点知识点

用var声明的全局变量不可以被delete删除

没有用var声明的全局变量可以被delete删除