Hướng dẫn what are the 3 ways we can define a function in javascript 3? - 3 cách chúng ta có thể xác định một hàm trong javascript 3 là gì?

Các chức năng là một trong những thành phần chính trong lập trình. Chúng được xác định để thực hiện một nhiệm vụ cụ thể và có thể được gọi nhiều lần để thực thi nhiệm vụ đó. Sự khác biệt chính giữa các hàm trong JavaScript và các ngôn ngữ lập trình khác là trong JavaScript, các hàm là các đối tượng hạng nhất, có nghĩa là chúng hoạt động như các đối tượng và có thể được gán cho các biến, mảng và các đối tượng khác.

Bài đăng này thảo luận về ba cách khác nhau để xác định các chức năng:

1. Tuyên bố chức năng.
2. Biểu thức chức năng.
3. Hàm máy phát.

Tuyên bố chức năng

Tuyên bố chức năng có lẽ là cách phổ biến nhất để khai báo một hàm. Hãy cùng nhìn vào cú pháp của nó:

function name (parameter)
 {
       statements 
 }

Tuyên bố chức năng được tạo thành từ từ khóa, & nbsp; ________ 12, theo sau là tên bắt buộc của hàm, và sau đó là tham số trong một cặp dấu ngoặc đơn. .

Điều quan trọng là bạn biết sự khác biệt giữa tham số và đối số của một hàm. Một tham số là một biến được sử dụng để xác định một hàm. Đối số là dữ liệu thực tế bạn truyền vào các tham số của hàm khi gọi nó.

Đầu tiên, chúng ta hãy xem một ví dụ đơn giản:

function hello(name)
{
console.log("Hello "+ name)
}

hello('stuti')
// Hello stuti

hello(12)
// Hello 12

Một hàm, & nbsp; ____ 13, được khai báo với một đối số, & nbsp; ____ 14, ghi một tin nhắn trong bảng điều khiển. Như bạn có thể thấy từ ví dụ, vì không có loại được chỉ định trên đối số, nó hoạt động cho cả chuỗi và số nguyên. Tuy nhiên, điều gì sẽ xảy ra nếu tôi chỉ muốn chức năng của mình chào tên, không phải là một số? Đáng buồn thay, không có phương pháp nào được xây dựng trước để thực hiện việc này trong JavaScript, vì vậy chúng ta phải kiểm tra thủ công loại đối số mà Lừa đã vượt qua trong chức năng như thế này:

function hello(name) {
    if (typeof name === 'string')
        console.log("Hello " + name)

    else
        console.log("Please input a Name")
}

hello(12)   // Plese input a Name

Theo mặc định, các chức năng trả về các giá trị không xác định. Để trả về bất kỳ giá trị nào khác, hàm phải có câu lệnh trả về chỉ định giá trị để trả về.

function something(){

}
console.log(something())         // undefined

function notSomething(){
    return 1
}

console.log(notSomething())       // 1

Nâng & nbsp; trong khai báo chức năng

Nói một cách đơn giản, điều đó có nghĩa là bất kể bạn khai báo các chức năng hoặc biến ở đâu, khi mã được thực thi, họ đã di chuyển lên đỉnh phạm vi của chúng. Điều này được gọi là nâng cao.

Hãy xem một ví dụ:

myName()
// My name is Stuti Chahuhan

function myName() {
    console.log(`My name is Stuti Chauhan`)
}

Ở đây tôi đã gọi chức năng trước khi tôi tuyên bố nó - đây là nâng.

Biểu thức chức năng

Một biểu thức chức năng rất giống với và có gần như một cú pháp như một câu lệnh hàm. Sự khác biệt chính là một biểu thức chức năng không bắt đầu với từ khóa & nbsp; & nbsp; ________ 12.

function hello(name)
{
console.log("Hello "+ name)
}

hello('stuti')
// Hello stuti

hello(12)
// Hello 12

let checkNumber = function check (num){
    return (num %2==0)?"even" : "odd"
    }
console.log(checkNumber(50))    
// even

//Anonymous Function 

let checkNumber = function  (num){
    return (num %2==0)?"even" : "odd"
    }
console.log(checkNumber(50))    
// even

myName()
// ReferenceError: myName is not defined

let myName =function () {
    console.log(`My name is Stuti Chauhan`)
}

myName()
// ReferenceError: myName is not defined

let myName =function () {
    console.log(`My name is Stuti Chauhan`)
}

Iife (ngay lập tức được gọi biểu thức chức năng)

Điều này có nghĩa là chức năng chạy ngay khi nó được xác định. Ở đây, biểu thức chức năng được đặt trong & nbsp; một toán tử nhóm ().

( function () {
        let num = 4
        return num
    })()
//4

Tại sao chúng ta cần một iife trong biểu thức chức năng điển hình của chúng ta? Chúng tôi xác định chức năng và sau đó gọi nó sau đó có bất kỳ số lần nào, nhưng nếu tôi muốn gọi chức năng chỉ một lần để tạo ra một đầu ra và đó là nó? Đây là nơi iife đến. Nó ngay lập tức được thực hiện và không bao giờ trong tương lai được truy cập bởi chương trình nữa. Vì nó không được gọi lại, nên nó không cần một cái tên, nên một biểu thức chức năng ẩn danh được ưa thích cho iife.

Hàm máy phát

Các chức năng thông thường tuân theo mô hình chạy để hoàn thành và không thể dừng lại trước khi thực hiện dòng cuối cùng. Nếu bạn muốn thoát ở giữa thực thi, bạn phải trả lại hoặc ném lỗi.

Một hàm máy phát có thể được dừng giữa chừng thông qua thực thi. Khi nó được gọi lại, nó tiếp tục từ nơi nó dừng lại.

Nó được tuyên bố giống như một hàm bình thường nhưng với dấu hoa thị * sau từ khóa

function hello(name)
{
console.log("Hello "+ name)
}

hello('stuti')
// Hello stuti

hello(12)
// Hello 12

Một điều nữa cần lưu ý: Trong JavaScript, một trình tạo là một hàm trả về một đối tượng mà bạn có thể gọi

function hello(name)
{
console.log("Hello "+ name)
}

hello('stuti')
// Hello stuti

hello(12)
// Hello 12

function hello(name)
{
console.log("Hello "+ name)
}

hello('stuti')
// Hello stuti

hello(12)
// Hello 12

{ 
  value: Any,
  done: true|false
} 

Bây giờ, đối tượng này có hai thuộc tính:

function hello(name) {
    if (typeof name === 'string')
        console.log("Hello " + name)

    else
        console.log("Please input a Name")
}

hello(12)   // Plese input a Name

function hello(name) {
    if (typeof name === 'string')
        console.log("Hello " + name)

    else
        console.log("Please input a Name")
}

hello(12)   // Plese input a Name

function hello(name) {
    if (typeof name === 'string')
        console.log("Hello " + name)

    else
        console.log("Please input a Name")
}

hello(12)   // Plese input a Name

Hãy hiểu nó tốt hơn với một ví dụ đơn giản:

function hello(name)
{
console.log("Hello "+ name)
}

hello('stuti')
// Hello stuti

hello(12)
// Hello 12

Bên trong cơ thể chức năng, chúng tôi không sử dụng từ khóa trả về - thay vào đó

function hello(name) {
    if (typeof name === 'string')
        console.log("Hello " + name)

    else
        console.log("Please input a Name")
}

hello(12)   // Plese input a Name

function hello(name) {
    if (typeof name === 'string')
        console.log("Hello " + name)

    else
        console.log("Please input a Name")
}

hello(12)   // Plese input a Name

function hello(name) {
    if (typeof name === 'string')
        console.log("Hello " + name)

    else
        console.log("Please input a Name")
}

hello(12)   // Plese input a Name

function hello(name) {
    if (typeof name === 'string')
        console.log("Hello " + name)

    else
        console.log("Please input a Name")
}

hello(12)   // Plese input a Name

Đầu tiên, chúng tôi xác định chức năng của chúng tôi, và sau đó chúng tôi gọi nó. Gọi một hàm máy phát dẫn đến một đối tượng máy phát, được lưu trữ trong gen biến.

Sau đó, chúng tôi gọi đối tượng bằng thuộc tính

function hello(name)
{
console.log("Hello "+ name)
}

hello('stuti')
// Hello stuti

hello(12)
// Hello 12

function hello(name) {
    if (typeof name === 'string')
        console.log("Hello " + name)

    else
        console.log("Please input a Name")
}

hello(12)   // Plese input a Name

Lần đầu tiên

function hello(name)
{
console.log("Hello "+ name)
}

hello('stuti')
// Hello stuti

hello(12)
// Hello 12

Lần thứ hai

function hello(name)
{
console.log("Hello "+ name)
}

hello('stuti')
// Hello stuti

hello(12)
// Hello 12

function something(){

}
console.log(something())         // undefined

function notSomething(){
    return 1
}

console.log(notSomething())       // 1

Lần thứ ba

function hello(name)
{
console.log("Hello "+ name)
}

hello('stuti')
// Hello stuti

hello(12)
// Hello 12

function hello(name)
{
console.log("Hello "+ name)
}

hello('stuti')
// Hello stuti

hello(12)
// Hello 12

Nếu tôi sử dụng ____38 thay vì

function something(){

}
console.log(something())         // undefined

function notSomething(){
    return 1
}

console.log(notSomething())       // 1

function hello(name) {
    if (typeof name === 'string')
        console.log("Hello " + name)

    else
        console.log("Please input a Name")
}

hello(12)   // Plese input a Name

Máy phát điện, khi kết hợp với lời hứa, là một công cụ rất mạnh mẽ để lập trình không đồng bộ. Họ giảm thiểu, nếu không hoàn toàn loại bỏ, các vấn đề với các cuộc gọi lại.

Kết luận: Cách nào là tốt nhất?

Chà, chúng ta không thể so sánh chúng và nói rằng một người tốt hơn những người khác - loại khai báo phụ thuộc vào tình huống hoặc điều kiện.

Bạn có thể sử dụng chức năng Trình tạo cho chức năng Async tốt hơn và biểu thức chức năng ẩn danh cho chức năng bạn muốn thực thi ngay lập tức.

Tài liệu tham khảo

Tài liệu Mozilla