1. 前言
- js中我們每天都要見到,用到 事件,方法,函數(shù),但是很多人還是不清楚什么區(qū)別
- 尤其是在是看一些UI框架官方文檔的時候,組件的方法和事件都是分開的,其實從這里,也可以體會下區(qū)別
- 今天簡單的說下
2. 簡介
- 在 JavaScript 中事件、方法和函數(shù)是三個不同的概念，雖然它們之間可能會有交叉，但它們具有不同的含義和用法
3. 事件（Event）
- 事件是
瀏覽器或用戶在頁面上發(fā)生的交互動作，比如點擊、鼠標移動、鍵盤輸入等- 事件通常由
瀏覽器觸發(fā)，也可以由用戶的交互引起- 在 JavaScript 中，可以使用事件監(jiān)聽器（event listener）捕捉和響應(yīng)特定的事件
document.getElementById('myButton').addEventListener('click', function() {
console.log('Button clicked!');
});
- MDN 解釋
Event 接口表示在 DOM 中出現(xiàn)的事件
事件（Event）是由 DOM 元素產(chǎn)生的資源，它可以由 JavaScript 代碼操作
4. 方法（Method）
- 方法是與
對象關(guān)聯(lián)的函數(shù)，它通常在對象上調(diào)用- 方法可以用于執(zhí)行特定的操作或任務(wù)，可能修改對象的狀態(tài)或返回特定的值
- 在 JavaScript 中，
對象的屬性可以包含函數(shù)，這些函數(shù)被稱為該對象的方法
var person= {
say: function() {
console.log('吃了嗎');
}
};
person.say();
5. 函數(shù)（Function)
- 函數(shù)是 JavaScript 中的基本
構(gòu)建塊，它是一段可重復使用的代碼塊- 函數(shù)可以
獨立存在，也可以作為對象的屬性（方法）存在- 函數(shù)可以被
調(diào)用，可以接收參數(shù)，可以返回值- 函數(shù)
不依賴于特定的對象，它可以是全局函數(shù)，也可以是作為其他函數(shù)的參數(shù)傳遞
function play() {
console.log('玩唄!');
}
play();
- MDN解釋
函數(shù)是 JavaScript 中的基本組件之一。
JavaScript 中的函數(shù)類似于過程——一組執(zhí)行任務(wù)或計算值的語句。
但要成為函數(shù)，這個過程應(yīng)該接受輸入并返回與輸入存在某些明顯關(guān)系的輸出。
要使用一個函數(shù)，你必須將其定義在你希望調(diào)用它的作用域內(nèi)
6. 總結(jié)
- 事件是與用戶交互和頁面狀態(tài)變化相關(guān)的動作
- 方法是對象上的行為
- 而函數(shù)是可重復使用的代碼塊，它可能獨立存在，也可能作為方法存在
- 在 JavaScript 中，函數(shù)可以用于處理事件、成為方法，或者獨立執(zhí)行
