Phòng thí nghiệm tham số chức năng JavaScript

Trình duyệt của bạn không được hỗ trợ. Vui lòng nâng cấp trình duyệt của bạn lên một trong những trình duyệt được hỗ trợ của chúng tôi. Bạn có thể thử xem trang, nhưng có thể chức năng sẽ bị hỏng

App Lab hoạt động tốt nhất trên máy tính để bàn hoặc máy tính xách tay có chuột và bàn phím. Bạn có thể gặp sự cố khi sử dụng Web Lab ở chế độ Duyệt web Riêng tư. Vui lòng tải lại dự án của bạn ở chế độ bình thường. Xin lỗi vì sự bất tiện

Thí dụ. Chức năng như tham số

// program to pass a function as a parameter

function greet() {
    return 'Hello';
}

// passing function greet() as a parameter
function name(user, func)
{

    // accessing passed function
    const message = func();

    console.log(`${message} ${user}`);
}

name('John', greet);
name('Jack', greet);
name('Sara', greet);

đầu ra

Hello John
Hello Jack
Hello Sara

Trong chương trình trên có hai hàm. name() và greet()

• Hàm name() nhận hai tham số
• Hàm greet() được truyền dưới dạng đối số cho hàm name()

Trong bài trước chúng ta đã tìm hiểu về khái niệm chung về hàm, định nghĩa hàm & cách gọi hàm. Truy cập để làm mới kiến ​​​​thức của bạn, nếu bạn muốn

Hãy nâng cao hơn một chút với các chức năng

Mục lục

1. Các biến JavaScript trong hàm
2. Hàm JavaScript — Tham số và Đối số
3. Câu lệnh JavaScript return

Các biến JavaScript trong hàm

Các hàm JavaScript cũng có thể chứa các biến
Hãy tạo một hàm có tên là addNumbers() để chứng minh

function addNumbers() {const a = 5;
const b = 10;
const sum = a + b; // 5 + 10return sum;
}
console.log(addNumbers());

Giải thích mã

Trong khối hàm {}, chúng ta có 3 biến a, b và

function addNumbers(a, b) {const sum = a + b; // 5 + 10return sum;
}
console.log(addNumbers(5, 10));

Cuối cùng, chúng ta có từ khóa return

Tiếp theo là lời gọi hàm, addNumbers()

Ghi nhật ký cuộc gọi chức năng, để xem kết quả bên trong bảng điều khiển

Nhưng chúng ta có thể thay đổi đoạn mã trên, sử dụng

function addNumbers(a, b) {const sum = a + b; // 5 + 10return sum;
}
console.log(addNumbers(5, 10));

function addNumbers(a, b) {const sum = a + b; // 5 + 10return sum;
}
console.log(addNumbers(5, 10));

Hàm JavaScript — Tham số và Đối số

Hàm JavaScript

function addNumbers(a, b) {const sum = a + b; // 5 + 10return sum;
}
console.log(addNumbers(5, 10));

Hàm JavaScript

function addNumbers(a, b) {const sum = a + b; // 5 + 10return sum;
}
console.log(addNumbers(5, 10));

Để tôi giải thích cho bạn nghe giống như chúng ta đang trò chuyện trên đường phố hoặc nói chuyện bằng ngôn ngữ thân mật như những người bạn

1. Tham số là tên biến. Tham số từ chỉ là một từ ưa thích để nói "tên biến" trong JS
2. Đối số là giá trị thực của các biến đó. Đối số từ chỉ là một từ ưa thích khác để nói "giá trị biến"
3. Vì vậy, chúng tôi sử dụng các tham số (tên biến) để chỉ các đối số (giá trị biến thực)

Có ý nghĩa?

function addNumbers(a, b) {const sum = a + b; // 5 + 10return sum;
}
console.log(addNumbers(5, 10));

Giải thích mã

Thay vì viết tên biến bên trong khối chức năng {}

Chúng tôi đã viết chúng bên trong dấu ngoặc đơn của hàm_______3_______8

Và chúng tôi đã đưa ra các đối số (giá trị biến thực tế) khi gọi hàm

function addNumbers(a, b) {const sum = a + b; // 5 + 10return sum;
}
console.log(addNumbers(5, 10));

Hầu hết mọi người không thể nhìn thấy mối quan hệ giữa các tham số và đối số (bao gồm cả tôi). Vì vậy, tôi quyết định làm một video, hoạt ảnh và hình ảnh để giúp bạn hình dung

Lưu ý, chúng ta không cần sử dụng từ khóa JavaScript Parameter0 , Parameter1or Parameter2 để khai báo các biến a và b, bên trong dấu ngoặc đơn

function addNumbers(a, b) {const sum = a + b; // 5 + 10return sum;
}
console.log(addNumbers(5, 10));

Câu lệnh JavaScript return

Câu lệnh return trong JavaScript giống như âm thanh của nó, nó trả về một thứ gì đó

Khi hàm JavaScript đến câu lệnh return, nó sẽ dừng thực thi hàm và trả về giá trị cho người gọi

Cảm ơn vì đã đọc. Theo dõi tôi trên Kênh Youtube của tôi

Và ở đây trên Medium cũng vậy

Tôi thích cà phê, bạn có thể mua cho tôi một ly tại đây “Mua cà phê cho tôi”

Thêm nội dung bằng tiếng Anh. io. Đăng ký nhận bản tin hàng tuần miễn phí của chúng tôi. Nhận quyền truy cập độc quyền để viết các cơ hội và lời khuyên trong cộng đồng của chúng tôi Discord

Tham số chức năng trong JavaScript là gì?

Làm cách nào để lấy tham số chức năng trong JavaScript?

Làm cách nào để viết hàm dưới dạng tham số trong js?

Một hàm nên có bao nhiêu tham số trong JavaScript?