JS中函數名后面的括號加與不加的區別和作用


<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button id="btn">按鈕</button>
<script>
var e =document.getElementById("btn");
e.addEventListener("click",demo1)

function demo1(){
alert("hello1")
    }
e.addEventListener("click",demo2)
function demo2(){
alert("hello2")
    }
</script>
</body>
</html>

在上面的代碼中,例如e.addEventListener("click",demo2)demo2后面加了括號變成打開頁面直接彈出對話框而不用去點擊按鈕不加括號則是通過點擊按鈕才觸發事件彈出對話框。

e.addEventListener("click",demo2())

 

只需要記住,函數名就是指針就可以了。例如
function fun(){
    return 5
}
var a=fun
var b=fun()

JS中函數是一種叫做function引用類型的實例,因此函數是一個對象。對象是保存在內存中的,函數名則是指向這個對象的指針。


var a = fun 表示把函數名fun這個指針拷貝一份給變量a, 但是這不是指函數本身被復制了一份。
就好比,地圖上上海市(對應函數對象)只有一個,但指向上海市的路標(對應指針)有很多,而且你還可以繼續添加(復制)無數個指向上海市的路標,但上海市本身不會被復制。


如果函數名后面加上圓括號就表示立即調用(執行)這個函數里面的代碼(花括號部分的代碼)。

另外函數聲明和函數表達式在私有作用域寫法方面也會在函數體后面加圓括號表示立即調用這個函數,題主可以參看JS的 模仿塊級作用域的知識。


作者:閉家鎖
鏈接:https://www.zhihu.com/question/31044040/answer/69898827


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM