JavaScript变量提升和函数声明：详解代码执行流程

"var x = 30;\nfunction test(){\nalert(x);\nvar x = 10;\nalert(x);\nx = 20;\nfunction x() {};\nalert(x);\n}\ntest();\nA.30,10,function x(){} B.undefined,10,20\nC. function x(){},10,20 D. 30,10,20\n解释一下内容：答案是C. function x(){},10,20\n\n在JavaScript中，变量声明会被提升到函数的顶部，但是变量赋值不会被提升。\n\n在函数test中，首先会声明一个局部变量x，并将其提升到函数的顶部，然后会在函数内部赋值为10。\n\n在第一个alert语句中，会输出局部变量x的值，由于变量赋值不会被提升，所以输出的是undefined。\n\n在第二个alert语句中，会输出局部变量x的值，此时x已经被赋值为10，所以输出的是10。\n\n在第三个alert语句中，会输出全局变量x的值，由于全局变量x的值一直为30，所以输出的是30。\n\n在 JavaScript 中，函数声明也会被提升到函数的顶部。因此，在第三个 alert 语句中，函数 x() 的声明会被提升到函数 test 的顶部，并且会被覆盖掉之前的局部变量 x 的声明。所以，此时 x 实际指向的是函数 x() 的声明，输出的是 function x(){}。\n\n总结来说，在 JavaScript 中，变量声明和函数声明都会被提升，但变量赋值不会被提升，这会导致一些意想不到的结果。因此，在编写代码时，需要格外注意变量声明和赋值的顺序，以及函数声明的优先级。