Chúng ta có thể sử dụng hàm bên trong hàm trong javascript không?

Có, Bạn có thể viết một hàm bên trong hàm trong JavaScript. JavaScript hỗ trợ viết một hàm bên trong một hàm khác hoặc các hàm lồng nhau

Việc tạo một hàm bên trong một hàm khác sẽ thay đổi phạm vi của hàm giống như cách nó sẽ thay đổi phạm vi của một biến. Điều này đặc biệt quan trọng để sử dụng với các lần đóng để giảm ô nhiễm không gian tên toàn cầu

Đoạn mã đơn giản (cấu trúc mã)

function math(x) {    // <-- function
  function sum(y) { // <-- inner function
    return x + y; // <-- use variables from outer scope
  }
  return b;       // <-- you can even return a function.
}
console.log(a(3)(4));

Hàm JavaScript bên trong hàm Mã ví dụ

Mã ví dụ HTML của hàm lồng/bên trong. -

đầu ra

Ghi chú. Hàm lồng nhau và hàm bên trong đều là các thuật ngữ giống nhau được sử dụng cho hàm bên trong hàm trong lập trình

Hãy bình luận nếu bạn có bất kỳ nghi ngờ và gợi ý nào về chủ đề này

Ghi chú. Tất cả mã Ví dụ về JS đều được thử nghiệm trên trình duyệt Firefox và trình duyệt Chrome

hệ điều hành. cửa sổ 10

Mã số. Phiên bản HTML5

Rohit

Bằng cấp về Khoa học Máy tính và Kỹ sư. Nhà phát triển ứng dụng và có kinh nghiệm về nhiều ngôn ngữ lập trình. Đam mê công nghệ & thích học hỏi kỹ thuật

Trong JavaScript, một hàm cho phép bạn xác định một khối mã, đặt tên cho nó và sau đó thực thi nó bao nhiêu lần tùy thích

Hàm JavaScript có thể được xác định bằng từ khóa hàm

cú pháp

//defining a function
function ()
{
    // code to be executed
};

//calling a function
();

Ví dụ sau đây cho thấy cách xác định và gọi một hàm trong JavaScript

Ví dụ. Xác định và gọi một chức năng

function ShowMessage() {
    alert("Hello World!");
}

ShowMessage();

Thử nó

Trong ví dụ trên, chúng tôi đã định nghĩa một hàm có tên ShowMessage hiển thị thông báo bật lên "Xin chào thế giới. ". Hàm này có thể được thực thi bằng toán tử () e. g. Tin chương trình()

Thông số chức năng

Một chức năng có thể có một hoặc nhiều tham số, sẽ được cung cấp bởi mã gọi và có thể được sử dụng bên trong một chức năng. JavaScript là ngôn ngữ kịch bản kiểu động, do đó, một tham số chức năng có thể có giá trị của bất kỳ loại dữ liệu nào

Ví dụ. Thông số chức năng

function ShowMessage(firstName, lastName) {
    alert("Hello " + firstName + " " + lastName);
}

ShowMessage("Steve", "Jobs");
ShowMessage("Bill", "Gates");
ShowMessage(100, 200);

Thử nó

Bạn có thể truyền ít hơn hoặc nhiều đối số hơn trong khi gọi một hàm. Nếu bạn truyền ít đối số hơn thì các tham số còn lại sẽ không được xác định. Nếu bạn truyền nhiều đối số hơn thì các đối số bổ sung sẽ bị bỏ qua

Ví dụ. Thông số chức năng

function ShowMessage(firstName, lastName) {
    alert("Hello " + firstName + " " + lastName);
}

ShowMessage("Steve", "Jobs", "Mr."); // display Hello Steve Jobs
ShowMessage("Bill"); // display Hello Bill undefined
ShowMessage(); // display Hello undefined undefined

Thử nó

Đối tượng đối số

Tất cả các chức năng trong JavaScript có thể sử dụng đối tượng đối số theo mặc định. Một đối tượng đối số bao gồm giá trị của từng tham số

Đối tượng đối số là một mảng giống như đối tượng. Bạn có thể truy cập các giá trị của nó bằng cách sử dụng chỉ mục tương tự như mảng. Tuy nhiên, nó không hỗ trợ các phương thức mảng

Ví dụ. đối số đối tượng

function ShowMessage(firstName, lastName) {
    alert("Hello " + arguments[0] + " " + arguments[1]);
}

ShowMessage("Steve", "Jobs"); 

ShowMessage("Bill", "Gates");

ShowMessage(100, 200);

Thử nó

Một đối tượng đối số vẫn hợp lệ ngay cả khi chức năng không bao gồm bất kỳ tham số nào

Ví dụ. đối số đối tượng

function ShowMessage() {
    alert("Hello " + arguments[0] + " " + arguments[1]);
}

ShowMessage("Steve", "Jobs"); // display Hello Steve Jobs

Thử nó

Một đối tượng đối số có thể được lặp lại bằng vòng lặp for

Ví dụ. Lặp lại tất cả các đối số

________số 8

Thử nó

Giá trị trả về

Một hàm có thể trả về 0 hoặc một giá trị bằng cách sử dụng từ khóa return

Ví dụ. Giá trị trả về từ một hàm

function Sum(val1, val2) {
    return val1 + val2;
};

var result = Sum(10,20); // returns 30

function Multiply(val1, val2) {
    console.log( val1 * val2);
};

result = Multiply(10,20); // undefined

Thử nó

Trong ví dụ trên, một hàm có tên Sum thêm val1 & val2 và trả về. Vì vậy, mã gọi có thể nhận giá trị trả về và gán nó cho một biến. Hàm thứ hai Multiply không trả về bất kỳ giá trị nào, vì vậy biến kết quả sẽ không được xác định

Một hàm có thể trả về một hàm khác trong JavaScript

Ví dụ. Chức năng trả về một chức năng

0

Thử nó

Biểu thức hàm

JavaScript cho phép chúng ta gán một hàm cho một biến và sau đó sử dụng biến đó làm hàm. Nó được gọi là biểu thức hàm

Ví dụ. Biểu thức hàm

1

Thử nó

Chức năng ẩn danh

Hàm ẩn danh rất hữu ích trong việc chuyển hàm gọi lại, tạo bao đóng hoặc biểu thức hàm được gọi ngay lập tức

JavaScript cho phép chúng ta định nghĩa một hàm mà không cần bất kỳ tên nào. Chức năng không tên này được gọi là chức năng ẩn danh. Hàm ẩn danh phải được gán cho một biến

Ví dụ. Chức năng ẩn danh

function ShowMessage() {
    alert("Hello World!");
}

ShowMessage();

0

Thử nó

Hàm lồng nhau

Trong JavaScript, một hàm có thể có một hoặc nhiều hàm bên trong. Các hàm lồng nhau này nằm trong phạm vi của hàm bên ngoài. Hàm bên trong có thể truy cập các biến và tham số của hàm bên ngoài. Tuy nhiên, chức năng bên ngoài không thể truy cập các biến được xác định bên trong các chức năng bên trong