Các chức năng JavaScript quan trọng bạn cần biết

Các ứng dụng web động ra đời sau sự ra đời của . Với sự phổ biến ngày càng tăng của các ứng dụng web, JavaScript đã trở thành một trong những ngôn ngữ quan trọng nhất trong thế giới ngày nay. Bài viết Hàm JavaScript này sẽ giải thích các cách khác nhau để xác định các hàm trong JavaScript theo trình tự sau:

• Giới thiệu về JavaScript
• Các nguyên tắc cơ bản của JavaScript
• Hàm JavaScript
• Chức năng được xác định trước
• Các cách khác nhau để xác định Hàm JavaScript

Giới thiệu về JavaScript

JavaScript là một trình độ cao , thông dịch, ngôn ngữ lập trình được sử dụng để làm cho các trang web tương tác hơn. Đây là một ngôn ngữ kịch bản phía máy khách rất mạnh mẽ giúp trang web của bạn trở nên sinh động và tương tác hơn.

Nó là một ngôn ngữ lập trình giúp bạn thực hiện một thiết kế phức tạp và đẹp mắt trên các trang web. Nếu bạn muốn trang web của mình trông sống động và làm được nhiều điều hơn là chỉ nhìn chằm chằm vào bạn, JavaScript là điều bắt buộc.

Các nguyên tắc cơ bản của JavaScript

Nếu bạn chưa quen với ngôn ngữ này, bạn cần biết một số nguyên tắc cơ bản của JavaScript điều đó sẽ giúp bạn bắt đầu viết mã của mình. Những điều cơ bản bao gồm:

• Mảng
• Chức năng

Bạn có thể kiểm tra để đi sâu vào các khái niệm cơ bản và các nguyên tắc cơ bản về JavaScript. Trong bài viết Hàm JavaScript này, chúng tôi sẽ tập trung vào các cách khác nhau để định nghĩa các hàm.

Hàm JavaScript

Một hàm JavaScript là một khối mã được thiết kế để thực hiện bất kỳ nhiệm vụ cụ thể nào. Bạn có thể thực thi một hàm bằng cách gọi nó. Điều này được gọi là kêu gọi hoặc là kêu gọi một chức năng.

Để sử dụng một hàm, bạn phải xác định nó ở đâu đó trong phạm vi mà bạn muốn gọi nó. Ý tưởng là đặt một số tác vụ thường được thực hiện lại với nhau và tạo một hàm để thay vì viết đi viết lại cùng một đoạn mã cho các đầu vào khác nhau, chúng ta có thể gọi hàm cụ thể đó.

bản đồ băm vs bảng băm

Cơ bản cú pháp để tạo một hàm trong JavaScript như sau:

function functionName (Parameter1, Parameter2, ..) {// Nội dung hàm}

JavaScript bao gồm nhiều các chức năng được xác định trước . Tuy nhiên, nó cũng cho phép chúng ta tạo các hàm do người dùng xác định. Vì vậy, hãy tiếp tục và xem xét một số hàm được xác định trước thường được sử dụng.

Chức năng được xác định trước

JavaScript có một số hàm tích hợp sẵn cấp cao nhất. Chúng ta hãy xem xét một số chức năng được tích hợp trong ngôn ngữ.

Hãy lấy một ví dụ và xem các hàm được xác định trước này hoạt động như thế nào trong JavaScript:

var x = 10 var y = 20 var a = eval ('x * y') // Eval var b = parseInt ('10 .00 ') // ParseInt var c = parseFloat ('10') // ParseFloat Escape ('Chào mừng tới Edureka ') // Thoát unescape (' Chào mừng đến với Edureka ') // Unescape

Các cách khác nhau để xác định Hàm JavaScript

Một hàm có thể được xác định bằng nhiều cách khác nhau. Điều quan trọng là phải kiểm tra cách hàm tương tác với các thành phần bên ngoài và kiểu lệnh gọi. Các cách khác nhau bao gồm:

• • Khai báo hàm
  • Biểu thức hàm
  • Định nghĩa phương pháp viết tắt
  • Hàm mũi tên
  • Chức năng máy phát điện
  • Hàm tạo hàm

Khai báo hàm

Một khai báo hàm bao gồm một từ khóa chức năng , một tên chức năng bắt buộc, một danh sách thông số trong một cặp dấu ngoặc đơn và một cặp dấu ngoặc nhọn phân tách mã phần thân.

Nó được định nghĩa là:

// khai báo hàm hàm isEven (num) {return num% 2 === 0} isEven (24) // => true isEven (11) // => false

Chức năng isEven (num) là một khai báo hàm được sử dụng để xác định xem một số có chẵn hay không.

Biểu thức hàm

Một biểu thức hàm được xác định bởi một từ khóa chức năng , theo sau là tên hàm tùy chọn, danh sách các tham số trong một cặp dấu ngoặc đơn và một cặp dấu ngoặc nhọn phân tách mã nội dung.

Nó được định nghĩa là:

const count = function (array) {// Biểu thức hàm trả về array.length} const method = {number: [2, 5, 8], sum: function () {// Biểu thức hàm trả về this.numbers.reduce (function ( acc, num) {// func. expression return acc + num})}} count ([1, 7, 2]) // => 3 method.sum () // => 15

Biểu thức hàm tạo một đối tượng hàm có thể được sử dụng trong các trường hợp khác nhau như:

• Nó có thể được gán cho một Biến đổi như một vật: count = function (…) {…}
• Tạo một phương pháp trên một đối tượng sum: function () {…}
• Sử dụng chức năng có một gọi lại: .reduce (hàm (…) {…})

Định nghĩa phương pháp tốc ký

Định nghĩa phương thức viết tắt được sử dụng trong khai báo phương thức trên vật thể và các lớp ES6. Bạn có thể xác định chúng bằng cách sử dụng Tên chức năng , theo sau là danh sách thông số trong một cặp dấu ngoặc đơn và một cặp dấu ngoặc nhọn phân cách các câu lệnh nội dung.

Ví dụ sau sử dụng định nghĩa phương thức viết tắt trong một đối tượng theo nghĩa đen:

const collection = {items: [], add (... items) {this.items.push (... items)}, get (index) {return this.items [index]}} collection.add ('edureka ',' Trực tuyến ',' JavaScript ') collection.get (1) // =>' edureka '

Cách tiếp cận tốc ký có một số những lợi ích hơn định nghĩa tài sản truyền thống như:

• Nó có một cú pháp ngắn hơn giúp dễ đọc và viết hơn.
• Điều này tạo ra các hàm được đặt tên, trái với biểu thức hàm. Nó hữu ích cho gỡ lỗi.

Hàm mũi tên

Một hàm mũi tên được xác định bằng cách sử dụng một cặp dấu ngoặc đơn chứa danh sách các tham số, theo sau là một mũi tên béo (=>) và một cặp dấu ngoặc nhọn phân cách các câu lệnh nội dung.

Ví dụ sau cho thấy cách sử dụng cơ bản của hàm mũi tên:

const absValue = (number) => {if (number 21 absValue (7) // => 7

Đây, absValue là một hàm mũi tên để tính giá trị tuyệt đối của một số.

Chức năng máy phát điện

Hàm trình tạo trong JavaScript trả về Máy phát điện vật. Cú pháp tương tự như biểu thức hàm, khai báo hàm hoặc khai báo phương thức. Nhưng nó đòi hỏi một nhân vật ngôi sao (*) .

Hàm trình tạo có thể được khai báo ở các dạng sau:

• Mẫu khai báo hàm function * ():

function * indexGenerator () {var index = 0 while (true) {output index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g.next ( ) .value) // => 1

• Hàm dạng biểu thức hàm * ():

const indexGenerator = function * () {let index = 0 while (true) {output index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g. next (). value) // => 1

• Dạng định nghĩa phương thức viết tắt * ():

const obj = {* indexGenerator () {var index = 0 while (true) {output index ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 console. log (g.next (). value) // => 1

Hàm tạo trả về đối tượng g trong cả ba trường hợp. Sau đó, nó được sử dụng để tạo ra một loạt các số tăng dần.

Hàm tạo

Khi Hàm được gọi dưới dạng một hàm tạo, chức năng mới được tạo ra. Các đối số được truyền cho hàm khởi tạo trở thành tên tham số cho hàm mới. Ở đây, đối số cuối cùng được sử dụng làm cơ quan chức năng mã.

Ví dụ:

function 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

Đây là một số phương pháp khác nhau để xác định các hàm trong JavaScript. Với điều này, chúng ta đã đi đến phần cuối của bài viết của chúng tôi. Tôi hy vọng bạn đã hiểu các hàm JavaScript là gì và các phương pháp khác nhau để định nghĩa chúng.

toán tử phạm vi c ++

Bây giờ bạn đã biết về Hàm JavaScript, hãy xem của Edureka. Đào tạo Chứng chỉ Phát triển Web sẽ giúp bạn Học cách tạo các trang web ấn tượng bằng cách sử dụng HTML5, CSS3, Twitter Bootstrap 3, jQuery và Google API và triển khai nó cho Amazon Simple Storage Service (S3).

Có một câu hỏi cho chúng tôi? Vui lòng đề cập đến nó trong phần nhận xét của “Hàm JavaScript” và chúng tôi sẽ liên hệ lại với bạn.