搜尋
首頁web前端js教程JavaScript工作體系中不可或缺的函數

一、函數的概念
日常生活中,我們要完成一件事,總是習慣先有一個計劃,後期按照計劃,一步一步執行,則能夠完成,並且達到一定效果實現一定的功能。在程式設計的世界裡,“功能”可稱為“函數”,因此“函數”即一段實現了某種功能的程式碼,並且可以供其他程式碼呼叫。
在JavaScript中,函數是由事件驅動的,或是當它們被呼叫時執行的可重複使用的程式碼區塊。

有關JavaScript的工作原理,可以參考《javascript的工作原理》

例如:

JavaScript工作體系中不可或缺的函數

二、JavaScript函數語法
在JavaScript中,函數即使用關鍵字「function」 修飾的一個帶有名字的程式碼區塊。格式如下

JavaScript工作體系中不可或缺的函數

類比之前的例子,找出成分;定義一個自己的方法,彈出顯示框,顯示自己的名字。
提示:JavaScript對大小寫敏感。關鍵字function必須是小寫的。

三、定義帶參數的函數

JavaScript工作體系中不可或缺的函數

#當我們執行方法時,需要外部提供一些資料作為原材料時,則需要在方法定義時,給一個名字(形參),作為參數的標識,在方法體中則可以透過名字使用這些資料。呼叫時,按需傳入資料(實參),在方法的執行過程中,依照傳入的位置使用實際的資料。

形參:方法定義時傳入的數據,只是名字而已。在方法體中使用該名字即可。
實參:方法呼叫時出啊怒的數據,真實的數據,在方法執行時操作的即該數據。
提示:無論是形參或實參,可以有任意的個數,如果有多個參數,則參數與參數之間用 ”,”分割,最後一個參數後沒有 ”,”。

四、帶有回傳值的函數

JavaScript工作體系中不可或缺的函數

#當遇到有些方法執行完以後,我們需要得到一個結果時,則這個方法應該具有傳回值。在方法體中使用”return”關鍵字送出最終的結果。

提示:當方法體中有”return」語句並回傳了資料時,在呼叫方法除可以使用變數接收結果;當方法體中沒有」return」語句時,在方法呼叫出,不能使用變數接收結果。

五、總結
方法的出現是為了提高程式碼的重用性。當需要完成特定的功能時,我們可以將完成該功能的程式碼組合在一起,給這塊程式碼區塊取個名字,並用function關鍵字修飾,此時程式碼區塊就成了一個方法。此方法在其他需要的地方都可以透過方法的名字進行呼叫。方法必須要被呼叫才會被執行。

return的作用:1、送出結果;2、提前結束方法

學習完後應該達到以下3個效果,就算大功告成!
第一:能定義一個方法;
第二:能呼叫方法;
第三:能在方法體中傳回結果;


##一、函數的概念

日常生活中,我們要完成一件事,總是習慣先有一個計劃,後期按照計劃,一步一步執行,則能夠完成,並且達到一定效果實現一定的功能。在程式設計的世界裡,“功能”可稱為“函數”,因此“函數”即一段實現了某種功能的程式碼,並且可以供其他程式碼呼叫。
在JavaScript中,函數是由事件驅動的,或是當它們被呼叫時執行的可重複使用的程式碼區塊。

有關JavaScript的工作原理,可以參考《javascript的工作原理》

例如:

JavaScript工作體系中不可或缺的函數

二、JavaScript函數語法

在JavaScript中,函數即使用關鍵字「function」 修飾的一個帶有名字的程式碼區塊。格式如下

JavaScript工作體系中不可或缺的函數

類比之前的例子,找出成分;定義一個自己的方法,彈出顯示框,顯示自己的名字。

提示:JavaScript對大小寫敏感。關鍵字function必須是小寫的。

三、定義帶參數的函數

JavaScript工作體系中不可或缺的函數#

當我們執行方法時,需要外部提供一些資料作為原料時,則需要在方法定義時,給一個名字(形參),作為參數的標識,在方法體中則可以透過名字使用這些資料。在呼叫時,按需傳入資料(實參),在方法的執行過程中,依照傳入的位置使用實際的資料。

形參:方法定義時傳入的數據,只是名字而已。在方法體中使用該名字即可。
實參:方法呼叫時出啊怒的數據,真實的數據,在方法執行時操作的即該數據。
提示:無論是形參或實參,可以有任意的個數,如果有多個參數,則參數與參數之間用 ”,”分割,最後一個參數後沒有 ”,”。

四、帶有回傳值的函數

JavaScript工作體系中不可或缺的函數

#當遇到有些方法執行完以後,我們需要得到一個結果時,則這個方法應該具有傳回值。在方法體中使用”return”關鍵字送出最終的結果。

提示:當方法體中有”return」語句並回傳了資料時,在呼叫方法除可以使用變數接收結果;當方法體中沒有」return」語句時,在方法呼叫出,不能使用變數接收結果。

五、總結
方法的出現是為了提高程式碼的重用性。當需要完成特定的功能時,我們可以將完成該功能的程式碼組合在一起,給這塊程式碼區塊取個名字,並用function關鍵字修飾,此時程式碼區塊就成了一個方法。此方法在其他需要的地方都可以透過方法的名字進行呼叫。方法必須要被呼叫才會被執行。

return的作用:1、送出結果;2、提前結束方法

學習完後應該達到以下3個效果,就算大功告成!
第一:能定義一個方法;
第二:能呼叫方法;
第三:能在方法體中回傳結果;

以上內容就是JavaScript工作體系中不可或缺的函數,希望能幫助大家。

關於js函數中this的理解

js函數中的自執行函數

淺聊JS函數定義方式的差異

以上是JavaScript工作體系中不可或缺的函數的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
es6数组怎么去掉重复并且重新排序es6数组怎么去掉重复并且重新排序May 05, 2022 pm 07:08 PM

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

JavaScript的Symbol类型、隐藏属性及全局注册表详解JavaScript的Symbol类型、隐藏属性及全局注册表详解Jun 02, 2022 am 11:50 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

原来利用纯CSS也能实现文字轮播与图片轮播!原来利用纯CSS也能实现文字轮播与图片轮播!Jun 10, 2022 pm 01:00 PM

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

JavaScript对象的构造函数和new操作符(实例详解)JavaScript对象的构造函数和new操作符(实例详解)May 10, 2022 pm 06:16 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

javascript怎么移除元素点击事件javascript怎么移除元素点击事件Apr 11, 2022 pm 04:51 PM

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

JavaScript面向对象详细解析之属性描述符JavaScript面向对象详细解析之属性描述符May 27, 2022 pm 05:29 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

foreach是es6里的吗foreach是es6里的吗May 05, 2022 pm 05:59 PM

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。

整理总结JavaScript常见的BOM操作整理总结JavaScript常见的BOM操作Jun 01, 2022 am 11:43 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

SecLists

SecLists

SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用