當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

js 变量提升与函数提升

發(fā)布時(shí)間：2023/12/2 编程问答 25 豆豆

生活随笔收集整理的這篇文章主要介紹了 js 变量提升与函数提升小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

規(guī)則：

函數(shù)的提升優(yōu)先于變量提升。同名的函數(shù)會(huì)覆蓋同名的函數(shù)與變量。同名的變量不會(huì)覆蓋同名的函數(shù)。

示例代碼1：

<!DOCTYPE html> <html lang="zh"> <head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><title>變量提升與函數(shù)提升</title> </head> <body><script type="text/javascript">var a = 20;function fn(){console.log('fn')}function fn(){console.log('covert fn')}function a(){console.log('cover a')}console.log(a);fn();var fn = 'I want to cover function name fn.'console.log(fn)函數(shù)的提升優(yōu)于變量提升。同名的函數(shù)會(huì)覆蓋函數(shù)與變量。</script> </body> </html>

控制臺輸出

解釋：

<!DOCTYPE html> <html lang="zh"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><title>變量提升與函數(shù)提升</title></head><body><script type="text/javascript">//真正的執(zhí)行順序?yàn)?#xff1a;//函數(shù)提升function fn() {console.log('fn')}//函數(shù)提升function fn() {console.log('covert fn')}//函數(shù)提升function a() {console.log('cover a')}//變量提升var a = undefined;//變量提升var fn = undefined;a = 20;console.log(a); //20 fn(); //covert fn fn = 'I want to cover function name fn.';console.log(fn); //I want to cover function name fn.</script></body></html>

?示例代碼2：

控制臺輸出：

解釋：

<!DOCTYPE html> <html lang="zh"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><title>變量提升與函數(shù)提升</title></head><body><script type="text/javascript">//執(zhí)行順序?yàn)?#xff1a;function test() {//函數(shù)提升function foo() {return 'hello'}//變量提升但是不會(huì)覆蓋同名的函數(shù)// var foo = undefined;//變量提升var bar = undefined;console.log(foo)console.log(bar)foo = 'hello'console.log(foo)bar = function() {return 'world'}}test();</script></body></html>

更多專業(yè)前端知識，請上【猿2048】www.mk2048.com

總結(jié)

以上是生活随笔為你收集整理的js 变量提升与函数提升的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。