ฟังก์ชั่น JavaScript ที่สำคัญที่คุณต้องรู้

เว็บแอปพลิเคชันแบบไดนามิกเริ่มมีขึ้นหลังจากการเกิด . ด้วยความนิยมที่เพิ่มขึ้นของเว็บแอปพลิเคชัน JavaScript ได้กลายเป็นหนึ่งในภาษาที่สำคัญที่สุดในโลกปัจจุบัน บทความเกี่ยวกับฟังก์ชัน JavaScript นี้จะอธิบายวิธีต่างๆในการกำหนดฟังก์ชันใน JavaScript ตามลำดับต่อไปนี้:

• รู้เบื้องต้นเกี่ยวกับ JavaScript
• พื้นฐานของ JavaScript
• ฟังก์ชัน JavaScript
• ฟังก์ชันที่กำหนดไว้ล่วงหน้า
• วิธีต่างๆในการกำหนด JavaScript Function

รู้เบื้องต้นเกี่ยวกับ JavaScript

JavaScript คือไฟล์ ระดับสูง , แปลภาษาโปรแกรม ใช้เพื่อทำให้หน้าเว็บมีการโต้ตอบมากขึ้น เป็นภาษาสคริปต์ฝั่งไคลเอ็นต์ที่มีประสิทธิภาพมากซึ่งทำให้หน้าเว็บของคุณมีชีวิตชีวาและโต้ตอบได้มากขึ้น

เป็นภาษาโปรแกรมที่ช่วยให้คุณใช้งานการออกแบบที่ซับซ้อนและสวยงามบนหน้าเว็บได้ หากคุณต้องการให้หน้าเว็บของคุณดูมีชีวิตชีวาและทำอะไรได้มากกว่าการจ้องมองคุณ JavaScript เป็นสิ่งที่จำเป็น

พื้นฐานของ JavaScript

หากคุณยังใหม่กับภาษาคุณจำเป็นต้องรู้บางส่วนของไฟล์ พื้นฐานของ JavaScript ซึ่งจะช่วยให้คุณเริ่มเขียนโค้ดได้ พื้นฐาน ได้แก่ :

• อาร์เรย์
• ฟังก์ชั่น

คุณสามารถตรวจสอบไฟล์ เพื่อเจาะลึกแนวคิดพื้นฐานและพื้นฐานของ JavaScript ในบทความเกี่ยวกับฟังก์ชัน JavaScript นี้เราจะเน้นไปที่วิธีต่างๆในการกำหนดฟังก์ชัน

ฟังก์ชัน JavaScript

ฟังก์ชัน JavaScript คือไฟล์ บล็อกของรหัส ที่ออกแบบมาเพื่อทำงานใด ๆ โดยเฉพาะ คุณสามารถเรียกใช้ฟังก์ชันได้โดยเรียกใช้ นี้เรียกว่า เรียก หรือ โทร ฟังก์ชัน

ในการใช้ฟังก์ชันคุณต้องกำหนดมันไว้ที่ใดที่หนึ่งในขอบเขตที่คุณต้องการเรียกใช้ แนวคิดคือการรวมงานที่ทำกันทั่วไปเข้าด้วยกันและสร้างฟังก์ชันเพื่อที่ว่าแทนที่จะเขียนโค้ดเดียวกันซ้ำแล้วซ้ำอีกสำหรับอินพุตที่แตกต่างกันเราสามารถเรียกฟังก์ชันนั้น ๆ

วิธีใช้สแกนเนอร์ใน java

พื้นฐาน ไวยากรณ์ ในการสร้างฟังก์ชันใน JavaScript มีดังนี้:

function functionName (Parameter1, Parameter2, .. ) {// Function body}

JavaScript ประกอบด้วยบิวท์อินต่างๆหรือ ฟังก์ชันที่กำหนดไว้ล่วงหน้า . แต่ยังช่วยให้เราสร้างฟังก์ชันที่ผู้ใช้กำหนดเองได้ ดังนั้นเรามาดูฟังก์ชั่นที่กำหนดไว้ล่วงหน้าที่ใช้กันทั่วไป

ฟังก์ชันที่กำหนดไว้ล่วงหน้า

JavaScript มีฟังก์ชันในตัวระดับบนสุดหลายอย่าง มาดูฟังก์ชั่นบางอย่างที่มีอยู่ในภาษา

ลองดูตัวอย่างและดูว่าฟังก์ชันที่กำหนดไว้ล่วงหน้าเหล่านี้ทำงานอย่างไรใน JavaScript:

var x = 10 var y = 20 var a = eval ('x * y') // Eval var b = parseInt ('10 .00 ') // ParseInt var c = parseFloat ('10') // ค่า Escape ParseFloat ('ยินดีต้อนรับ ไปที่ Edureka ') // Escape unescape (' ยินดีต้อนรับสู่ Edureka ') // Unescape

วิธีต่างๆในการกำหนด JavaScript Function

ฟังก์ชันสามารถกำหนดได้หลายวิธี สิ่งสำคัญคือต้องตรวจสอบว่าฟังก์ชันโต้ตอบกับส่วนประกอบภายนอกและประเภทการเรียกใช้อย่างไร วิธีต่างๆ ได้แก่ :

• • การประกาศฟังก์ชัน
  • การแสดงออกของฟังก์ชัน
  • นิยามวิธีชวเลข
  • ฟังก์ชันลูกศร
  • ฟังก์ชันเครื่องกำเนิดไฟฟ้า
  • ตัวสร้างฟังก์ชัน

การประกาศฟังก์ชัน

การประกาศฟังก์ชันประกอบด้วยไฟล์ คำสำคัญของฟังก์ชัน ชื่อฟังก์ชันบังคับรายการของ พารามิเตอร์ ในวงเล็บคู่หนึ่งและวงเล็บปีกกาคู่หนึ่งซึ่งคั่นรหัสตัวถัง

ถูกกำหนดให้เป็น:

// ฟังก์ชันประกาศฟังก์ชัน isEven (num) {return num% 2 === 0} isEven (24) // => true isEven (11) // => false

ฟังก์ชัน isEven (จำนวน) เป็นการประกาศฟังก์ชันที่ใช้เพื่อพิจารณาว่าตัวเลขเป็นเลขคู่หรือไม่

นิพจน์ฟังก์ชัน

นิพจน์ของฟังก์ชันถูกกำหนดโดย คำสำคัญของฟังก์ชัน ตามด้วยชื่อฟังก์ชันที่เป็นทางเลือกรายการพารามิเตอร์ในวงเล็บคู่และวงเล็บปีกกาคู่หนึ่งที่คั่นรหัสเนื้อความ

ถูกกำหนดให้เป็น:

const count = function (array) {// function expression return array.length} วิธีการ const = {numbers: [2, 5, 8], sum: function () {// การแสดงออกของฟังก์ชันส่งคืน this.numbers.reduce (ฟังก์ชัน ( acc, num) {// func. expression return acc + num})}} count ([1, 7, 2]) // => 3 method.sum () // => 15

นิพจน์ฟังก์ชันสร้างอ็อบเจ็กต์ฟังก์ชันที่สามารถใช้ในสถานการณ์ต่างๆเช่น:

• สามารถกำหนดให้กับไฟล์ ตัวแปร เป็น วัตถุ: นับ = ฟังก์ชัน (…) {…}
• สร้างไฟล์ วิธี บนผลรวมวัตถุ: ฟังก์ชัน () {…}
• ใช้ ฟังก์ชัน มี โทรกลับ: .reduce (ฟังก์ชัน (…) {…})

นิยามวิธีการชวเลข

คำจำกัดความของวิธีการชวเลขถูกใช้ในการประกาศวิธีการบน ตัวอักษรของวัตถุ และคลาส ES6 คุณสามารถกำหนดโดยใช้ไฟล์ ชื่อฟังก์ชัน ตามด้วยรายการ พารามิเตอร์ ในวงเล็บคู่หนึ่งและวงเล็บปีกกาคู่หนึ่งซึ่งคั่นข้อความของร่างกาย

ตัวอย่างต่อไปนี้ใช้นิยามเมธอดชวเลขในอ็อบเจกต์ลิเทอรัล:

const collection = {items: [], เพิ่ม (... items) {this.items.push (... items)}, get (index) {return this.items [index]}} collection.add ('edureka ',' ออนไลน์ ',' JavaScript ') collection.get (1) // =>' edureka '

วิธีการจดชวเลขมีหลายวิธี ประโยชน์ มากกว่าคำจำกัดความคุณสมบัติดั้งเดิมเช่น:

• มันมี ไวยากรณ์ที่สั้นกว่า ซึ่งช่วยให้อ่านและเขียนได้ง่ายขึ้น
• สิ่งนี้จะสร้างฟังก์ชันที่มีชื่อซึ่งตรงกันข้ามกับนิพจน์ของฟังก์ชัน มันมีประโยชน์สำหรับ การแก้จุดบกพร่อง

ฟังก์ชันลูกศร

ฟังก์ชันลูกศรถูกกำหนดโดยใช้วงเล็บคู่ที่มีรายการพารามิเตอร์ตามด้วย ลูกศรอ้วน (=>) และวงเล็บปีกกาคู่หนึ่งที่คั่นข้อความของร่างกาย

ตัวอย่างต่อไปนี้แสดงการใช้งานพื้นฐานของฟังก์ชันลูกศร:

const absValue = (number) => {if (หมายเลข 21 absValue (7) // => 7

ที่นี่ absValue เป็นฟังก์ชันลูกศรที่คำนวณค่าสัมบูรณ์ของตัวเลข

ฟังก์ชันเครื่องกำเนิดไฟฟ้า

ฟังก์ชันตัวสร้างใน JavaScript จะส่งกลับ a เครื่องกำเนิดไฟฟ้า วัตถุ. ไวยากรณ์คล้ายกับนิพจน์ฟังก์ชันการประกาศฟังก์ชันหรือการประกาศเมธอด แต่ต้องใช้ไฟล์ ตัวละครดาว (*) .

ฟังก์ชันเครื่องกำเนิดไฟฟ้าสามารถประกาศได้ในรูปแบบต่อไปนี้:

• รูปแบบการประกาศฟังก์ชันฟังก์ชัน * ():

function * indexGenerator () {var index = 0 ในขณะที่ (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g.next ( ) .value) // => 1

• ฟังก์ชันรูปแบบนิพจน์ฟังก์ชัน * ():

const indexGenerator = function * () {let index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g. ถัดไป (). value) // => 1

• แบบฟอร์มการกำหนดวิธีการชวเลข * ():

const obj = {* indexGenerator () {var index = 0 while (true) {yield index ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 คอนโซล บันทึก (g.next (). value) // => 1

ฟังก์ชันเครื่องกำเนิดจะส่งคืนค่า วัตถุ g ในทั้งสามกรณี จากนั้นจะใช้เพื่อสร้างชุดของตัวเลขที่เพิ่มขึ้น

ตัวสร้างฟังก์ชัน

เมื่อฟังก์ชันถูกเรียกใช้เป็นตัวสร้าง a ฟังก์ชั่นใหม่ ถูกสร้างขึ้น อาร์กิวเมนต์ที่ส่งไปยังตัวสร้างจะกลายเป็นชื่อพารามิเตอร์สำหรับฟังก์ชันใหม่ ที่นี่อาร์กิวเมนต์สุดท้ายถูกใช้เป็น ฟังก์ชั่นร่างกาย รหัส.

ตัวอย่างเช่น:

ฟังก์ชัน sum1 (a, b) {return a + b} const sum2 = function (a, b) {return a + b} const sum3 = (a, b) => a + b console.log (typeof sum1 === 'function') // => true console.log (typeof sum2 === 'function') // => true console.log (typeof sum3 === 'function') // => true

นี่คือวิธีการต่างๆในการกำหนดฟังก์ชันใน JavaScript ด้วยเหตุนี้เราจึงมาถึงตอนท้ายของบทความของเรา ฉันหวังว่าคุณจะเข้าใจว่าฟังก์ชัน JavaScript คืออะไรและวิธีการต่างๆในการกำหนดฟังก์ชันเหล่านี้

วิธีใช้วิธีการตัดแต่งใน java

ตอนนี้คุณรู้เกี่ยวกับ JavaScript Function แล้วลองดูไฟล์ โดย Edureka การฝึกอบรมการรับรองการพัฒนาเว็บจะช่วยให้คุณเรียนรู้วิธีสร้างเว็บไซต์ที่น่าประทับใจโดยใช้ HTML5, CSS3, Twitter Bootstrap 3, jQuery และ Google API และปรับใช้กับ Amazon Simple Storage Service (S3)

มีคำถามสำหรับเรา? โปรดระบุไว้ในส่วนความคิดเห็นของ 'ฟังก์ชัน JavaScript' แล้วเราจะติดต่อกลับไป