Ý nghĩa lồng nhau trong JavaScript là gì?

Định nghĩa hàm

khai báo hàm

Một định nghĩa hàm (còn được gọi là khai báo hàm hoặc câu lệnh hàm) bao gồm từ khóa

function myFunc(theArr) {
  theArr[0] = 30;
}

const arr = [45];

console.log(arr[0]); // 45
myFunc(arr);
console.log(arr[0]); // 30

• Tên của chức năng
• Danh sách các tham số của hàm, được đặt trong dấu ngoặc đơn và được phân tách bằng dấu phẩy
• Các câu lệnh JavaScript xác định hàm, được đặt trong dấu ngoặc nhọn,

  const square = function (number) {
    return number * number;
  }
  const x = square(4); // x gets the value 16
  

  0

Ví dụ, đoạn mã sau định nghĩa một hàm đơn giản có tên là

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

function square(number) {
  return number * number;
}

Hàm

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

________số 8

Về cơ bản, các tham số được truyền cho các hàm theo giá trị — vì vậy nếu mã trong phần thân của hàm gán một giá trị hoàn toàn mới cho một tham số được truyền cho hàm, thì thay đổi đó không được phản ánh trên toàn cầu hoặc trong mã gọi hàm đó

Khi bạn chuyển một đối tượng làm tham số, nếu hàm thay đổi thuộc tính của đối tượng, thì thay đổi đó sẽ hiển thị bên ngoài hàm, như minh họa trong ví dụ sau

function myFunc(theObject) {
  theObject.make = 'Toyota';
}

const mycar = {
  make: 'Honda',
  model: 'Accord',
  year: 1998,
};

// x gets the value "Honda"
const x = mycar.make;

// the make property is changed by the function
myFunc(mycar);
// y gets the value "Toyota"
const y = mycar.make;

Khi bạn chuyển một mảng dưới dạng tham số, nếu hàm thay đổi bất kỳ giá trị nào của mảng, thì thay đổi đó sẽ hiển thị bên ngoài hàm, như minh họa trong ví dụ sau

function myFunc(theArr) {
  theArr[0] = 30;
}

const arr = [45];

console.log(arr[0]); // 45
myFunc(arr);
console.log(arr[0]); // 30

biểu thức hàm

Mặc dù khai báo hàm ở trên là một câu lệnh về mặt cú pháp, các hàm cũng có thể được tạo bởi một biểu thức hàm

Một chức năng như vậy có thể ẩn danh; . Ví dụ, hàm

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

Tuy nhiên, một tên có thể được cung cấp với một biểu thức chức năng. Việc cung cấp tên cho phép hàm tham chiếu đến chính nó và cũng giúp xác định hàm dễ dàng hơn trong dấu vết ngăn xếp của trình gỡ lỗi

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

Các biểu thức hàm thuận tiện khi chuyển một hàm làm đối số cho một hàm khác. Ví dụ sau đây cho thấy một hàm

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

Trong đoạn mã sau, hàm nhận một hàm được xác định bởi một biểu thức hàm và thực thi nó cho mọi phần tử của mảng nhận được dưới dạng đối số thứ hai

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

Hàm trả về.

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

Trong JavaScript, một chức năng có thể được xác định dựa trên một điều kiện. Ví dụ: định nghĩa hàm sau chỉ xác định

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

Ngoài việc xác định các hàm như được mô tả ở đây, bạn cũng có thể sử dụng hàm tạo

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

Một phương thức là một chức năng là một thuộc tính của một đối tượng. Đọc thêm về đối tượng và phương pháp trong Làm việc với đối tượng

chức năng gọi

Xác định một chức năng không thực thi nó. Xác định nó đặt tên cho hàm và chỉ định những việc cần làm khi hàm được gọi

Gọi hàm thực sự thực hiện các hành động được chỉ định với các tham số được chỉ định. Ví dụ, nếu bạn định nghĩa hàm

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

Câu lệnh trước gọi hàm với đối số là

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

Các chức năng phải nằm trong phạm vi khi chúng được gọi, nhưng khai báo chức năng có thể được nâng lên (xuất hiện bên dưới lệnh gọi trong mã). Phạm vi của một khai báo hàm là hàm mà nó được khai báo (hoặc toàn bộ chương trình, nếu nó được khai báo ở mức cao nhất)

Các đối số của hàm không giới hạn ở chuỗi và số. Bạn có thể chuyển toàn bộ đối tượng vào một hàm. Hàm

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

Một chức năng có thể gọi chính nó. Ví dụ, đây là một hàm tính giai thừa theo cách đệ quy

return number * number;

Sau đó, bạn có thể tính giai thừa của

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

return number * number;

Có nhiều cách khác để gọi hàm. Thường có những trường hợp một hàm cần được gọi động hoặc số lượng đối số cho một hàm khác nhau hoặc trong đó ngữ cảnh của lệnh gọi hàm cần được đặt thành một đối tượng cụ thể được xác định trong thời gian chạy

Hóa ra bản thân các hàm là các đối tượng - và ngược lại, các đối tượng này có các phương thức. (Xem đối tượng

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

cẩu chức năng

Hãy xem xét ví dụ dưới đây

return number * number;

Mã này chạy không có lỗi, mặc dù hàm

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

return number * number;

Tính năng nâng hàm chỉ hoạt động với các khai báo hàm — không hoạt động với các biểu thức hàm. Mã bên dưới sẽ không hoạt động

return number * number;

phạm vi chức năng

Các biến được xác định bên trong một hàm không thể được truy cập từ bất kỳ đâu bên ngoài hàm, bởi vì biến chỉ được xác định trong phạm vi của hàm. Tuy nhiên, một hàm có thể truy cập tất cả các biến và hàm được xác định bên trong phạm vi mà nó được xác định

Nói cách khác, một hàm được xác định trong phạm vi toàn cầu có thể truy cập tất cả các biến được xác định trong phạm vi toàn cầu. Một hàm được xác định bên trong một hàm khác cũng có thể truy cập tất cả các biến được xác định trong hàm cha của nó và bất kỳ biến nào khác mà hàm cha có quyền truy cập

return number * number;

Phạm vi và ngăn xếp chức năng

đệ quy

Một chức năng có thể tham khảo và gọi chính nó. Có ba cách để một hàm tham chiếu đến chính nó

1. Tên chức năng

2. const square = function (number) {
     return number * number;
   }
   const x = square(4); // x gets the value 16
   

   54
3. Một biến trong phạm vi đề cập đến chức năng

Ví dụ, xét định nghĩa hàm sau

return number * number;

Trong thân hàm, tất cả những điều sau đây đều tương đương

1. const square = function (number) {
     return number * number;
   }
   const x = square(4); // x gets the value 16
   

   55

2. const square = function (number) {
     return number * number;
   }
   const x = square(4); // x gets the value 16
   

   56

3. const square = function (number) {
     return number * number;
   }
   const x = square(4); // x gets the value 16
   

   57

Hàm gọi chính nó được gọi là hàm đệ quy. Trong một số cách, đệ quy tương tự như một vòng lặp. Cả hai đều thực thi cùng một mã nhiều lần và cả hai đều yêu cầu một điều kiện (để tránh vòng lặp vô hạn, hay đúng hơn là đệ quy vô hạn trong trường hợp này)

Ví dụ, xét vòng lặp sau

return number * number;

Nó có thể được chuyển đổi thành một khai báo hàm đệ quy, theo sau là lời gọi hàm đó

return number * number;

Tuy nhiên, một số thuật toán không thể là các vòng lặp đơn giản. Ví dụ: lấy tất cả các nút của cấu trúc cây (chẳng hạn như DOM) dễ dàng hơn thông qua đệ quy

return number * number;

So với hàm

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

Có thể chuyển đổi bất kỳ thuật toán đệ quy nào thành thuật toán không đệ quy, nhưng logic thường phức tạp hơn nhiều và làm như vậy yêu cầu sử dụng ngăn xếp

Trên thực tế, bản thân đệ quy sử dụng ngăn xếp. ngăn xếp chức năng. Hành vi giống như ngăn xếp có thể được nhìn thấy trong ví dụ sau

function myFunc(theObject) {
  theObject.make = 'Toyota';
}

const mycar = {
  make: 'Honda',
  model: 'Accord',
  year: 1998,
};

// x gets the value "Honda"
const x = mycar.make;

// the make property is changed by the function
myFunc(mycar);
// y gets the value "Toyota"
const y = mycar.make;

Hàm lồng nhau và bao đóng

Bạn có thể lồng một chức năng trong một chức năng khác. Hàm lồng nhau (bên trong) là riêng tư đối với hàm chứa (bên ngoài) của nó

Nó cũng tạo thành một đóng cửa. Bao đóng là một biểu thức (phổ biến nhất là một hàm) có thể có các biến tự do cùng với một môi trường liên kết các biến đó ("đóng" biểu thức)

Vì một hàm lồng nhau là một hàm bao đóng, điều này có nghĩa là một hàm lồng nhau có thể "kế thừa" các đối số và biến của hàm chứa nó. Nói cách khác, hàm bên trong chứa phạm vi của hàm bên ngoài

Để tóm tắt

• Hàm bên trong chỉ có thể được truy cập từ các câu lệnh trong hàm bên ngoài
• Hàm bên trong tạo thành một bao đóng. hàm bên trong có thể sử dụng các đối số và biến của hàm bên ngoài, trong khi hàm bên ngoài không thể sử dụng các đối số và biến của hàm bên trong

Ví dụ sau đây cho thấy các hàm lồng nhau

function myFunc(theObject) {
  theObject.make = 'Toyota';
}

const mycar = {
  make: 'Honda',
  model: 'Accord',
  year: 1998,
};

// x gets the value "Honda"
const x = mycar.make;

// the make property is changed by the function
myFunc(mycar);
// y gets the value "Toyota"
const y = mycar.make;

Vì hàm bên trong tạo thành một bao đóng, nên bạn có thể gọi hàm bên ngoài và chỉ định các đối số cho cả hàm bên ngoài và bên trong

function myFunc(theObject) {
  theObject.make = 'Toyota';
}

const mycar = {
  make: 'Honda',
  model: 'Accord',
  year: 1998,
};

// x gets the value "Honda"
const x = mycar.make;

// the make property is changed by the function
myFunc(mycar);
// y gets the value "Toyota"
const y = mycar.make;

Bảo quản các biến

Lưu ý cách

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

Điều này không khác với việc lưu trữ các tham chiếu trong các đối tượng khác, nhưng thường ít rõ ràng hơn vì người ta không đặt trực tiếp các tham chiếu và không thể kiểm tra chúng

Các hàm lồng nhau

Các chức năng có thể được nhân lồng nhau. Ví dụ

• Hàm (

  const square = function (number) {
    return number * number;
  }
  const x = square(4); // x gets the value 16
  

  63) chứa hàm (

  const square = function (number) {
    return number * number;
  }
  const x = square(4); // x gets the value 16
  

  64), chính hàm này chứa hàm (

  const square = function (number) {
    return number * number;
  }
  const x = square(4); // x gets the value 16
  

  65)
• Cả hai chức năng đóng biểu mẫu

  const square = function (number) {
    return number * number;
  }
  const x = square(4); // x gets the value 16
  

  64 và

  const square = function (number) {
    return number * number;
  }
  const x = square(4); // x gets the value 16
  

  65 ở đây. Vì vậy,

  const square = function (number) {
    return number * number;
  }
  const x = square(4); // x gets the value 16
  

  64 có thể truy cập

  const square = function (number) {
    return number * number;
  }
  const x = square(4); // x gets the value 16
  

  63 và

  const square = function (number) {
    return number * number;
  }
  const x = square(4); // x gets the value 16
  

  65 có thể truy cập

  const square = function (number) {
    return number * number;
  }
  const x = square(4); // x gets the value 16
  

  64
• Ngoài ra, vì

  const square = function (number) {
    return number * number;
  }
  const x = square(4); // x gets the value 16
  

  65 có thể truy cập

  const square = function (number) {
    return number * number;
  }
  const x = square(4); // x gets the value 16
  

  64 có thể truy cập

  const square = function (number) {
    return number * number;
  }
  const x = square(4); // x gets the value 16
  

  63, nên

  const square = function (number) {
    return number * number;
  }
  const x = square(4); // x gets the value 16
  

  65 cũng có thể truy cập

  const square = function (number) {
    return number * number;
  }
  const x = square(4); // x gets the value 16
  

  63

Do đó, các bao đóng có thể chứa nhiều phạm vi; . Điều này được gọi là chuỗi phạm vi. (Lý do nó được gọi là "chuỗi" sẽ được giải thích sau. )

Xem xét ví dụ sau

function myFunc(theObject) {
  theObject.make = 'Toyota';
}

const mycar = {
  make: 'Honda',
  model: 'Accord',
  year: 1998,
};

// x gets the value "Honda"
const x = mycar.make;

// the make property is changed by the function
myFunc(mycar);
// y gets the value "Toyota"
const y = mycar.make;

Trong ví dụ này,

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

Điều này có thể được thực hiện bởi vì

1. const square = function (number) {
     return number * number;
   }
   const x = square(4); // x gets the value 16
   

   64 tạo thành một bao đóng bao gồm

   const square = function (number) {
     return number * number;
   }
   const x = square(4); // x gets the value 16
   

   63 (i. e. ,

   const square = function (number) {
     return number * number;
   }
   const x = square(4); // x gets the value 16
   

   64 có thể truy cập các đối số và biến của

   const square = function (number) {
     return number * number;
   }
   const x = square(4); // x gets the value 16
   

   63)

2. const square = function (number) {
     return number * number;
   }
   const x = square(4); // x gets the value 16
   

   65 tạo thành một bao đóng bao gồm cả

   const square = function (number) {
     return number * number;
   }
   const x = square(4); // x gets the value 16
   

   64
3. Bởi vì bao đóng của

   const square = function (number) {
     return number * number;
   }
   const x = square(4); // x gets the value 16
   

   65 bao gồm cả

   const square = function (number) {
     return number * number;
   }
   const x = square(4); // x gets the value 16
   

   64 và bao đóng của

   const square = function (number) {
     return number * number;
   }
   const x = square(4); // x gets the value 16
   

   64 bao gồm cả

   const square = function (number) {
     return number * number;
   }
   const x = square(4); // x gets the value 16
   

   63, nên bao đóng của

   const square = function (number) {
     return number * number;
   }
   const x = square(4); // x gets the value 16
   

   65 cũng bao gồm cả

   const square = function (number) {
     return number * number;
   }
   const x = square(4); // x gets the value 16
   

   63. Điều này có nghĩa là

   const square = function (number) {
     return number * number;
   }
   const x = square(4); // x gets the value 16
   

   65 có thể truy cập cả đối số và biến của

   const square = function (number) {
     return number * number;
   }
   const x = square(4); // x gets the value 16
   

   64 và

   const square = function (number) {
     return number * number;
   }
   const x = square(4); // x gets the value 16
   

   63. Nói cách khác,

   const square = function (number) {
     return number * number;
   }
   const x = square(4); // x gets the value 16
   

   65 xâu chuỗi phạm vi của

   const square = function (number) {
     return number * number;
   }
   const x = square(4); // x gets the value 16
   

   64 và

   const square = function (number) {
     return number * number;
   }
   const x = square(4); // x gets the value 16
   

   63, theo thứ tự đó

Tuy nhiên, điều ngược lại là không đúng.

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

xung đột tên

Khi hai đối số hoặc biến trong phạm vi đóng có cùng tên, sẽ xảy ra xung đột tên. Nhiều phạm vi lồng nhau hơn được ưu tiên. Vì vậy, phạm vi trong cùng có mức độ ưu tiên cao nhất, trong khi phạm vi ngoài cùng có mức độ ưu tiên thấp nhất. Đây là chuỗi phạm vi. Đầu tiên trên chuỗi là phạm vi trong cùng và cuối cùng là phạm vi ngoài cùng. Hãy xem xét những điều sau đây

function myFunc(theObject) {
  theObject.make = 'Toyota';
}

const mycar = {
  make: 'Honda',
  model: 'Accord',
  year: 1998,
};

// x gets the value "Honda"
const x = mycar.make;

// the make property is changed by the function
myFunc(mycar);
// y gets the value "Toyota"
const y = mycar.make;

Xung đột tên xảy ra tại câu lệnh

return number * number;

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

return number * number;

đóng cửa

Bao đóng là một trong những tính năng mạnh mẽ nhất của JavaScript. JavaScript cho phép lồng các hàm và cấp cho hàm bên trong toàn quyền truy cập vào tất cả các biến và hàm được xác định bên trong hàm bên ngoài (và tất cả các biến và hàm khác mà hàm bên ngoài có quyền truy cập)

Tuy nhiên, hàm bên ngoài không có quyền truy cập vào các biến và hàm được xác định bên trong hàm bên trong. Điều này cung cấp một loại đóng gói cho các biến của hàm bên trong

Ngoài ra, vì chức năng bên trong có quyền truy cập vào phạm vi của chức năng bên ngoài, các biến và hàm được xác định trong chức năng bên ngoài sẽ tồn tại lâu hơn thời lượng thực thi chức năng bên ngoài, nếu chức năng bên trong quản lý để tồn tại ngoài vòng đời của chức năng bên ngoài. . Một bao đóng được tạo khi chức năng bên trong bằng cách nào đó được cung cấp cho bất kỳ phạm vi nào bên ngoài chức năng bên ngoài

function myFunc(theObject) {
  theObject.make = 'Toyota';
}

const mycar = {
  make: 'Honda',
  model: 'Accord',
  year: 1998,
};

// x gets the value "Honda"
const x = mycar.make;

// the make property is changed by the function
myFunc(mycar);
// y gets the value "Toyota"
const y = mycar.make;

Nó có thể phức tạp hơn nhiều so với đoạn mã trên. Một đối tượng chứa các phương thức để thao tác các biến bên trong của hàm bên ngoài có thể được trả về

function myFunc(theObject) {
  theObject.make = 'Toyota';
}

const mycar = {
  make: 'Honda',
  model: 'Accord',
  year: 1998,
};

// x gets the value "Honda"
const x = mycar.make;

// the make property is changed by the function
myFunc(mycar);
// y gets the value "Toyota"
const y = mycar.make;

Trong đoạn mã trên, biến

return number * number;

function myFunc(theObject) {
  theObject.make = 'Toyota';
}

const mycar = {
  make: 'Honda',
  model: 'Accord',
  year: 1998,
};

// x gets the value "Honda"
const x = mycar.make;

// the make property is changed by the function
myFunc(mycar);
// y gets the value "Toyota"
const y = mycar.make;

Ghi chú. Có một số cạm bẫy cần chú ý khi sử dụng bao đóng

Nếu một hàm kèm theo định nghĩa một biến có cùng tên với một biến trong phạm vi bên ngoài, thì không có cách nào để tham chiếu lại biến đó trong phạm vi bên ngoài. (Biến phạm vi bên trong "đè" biến bên ngoài, cho đến khi chương trình thoát khỏi phạm vi bên trong. Nó có thể được coi là xung đột tên. )

function myFunc(theObject) {
  theObject.make = 'Toyota';
}

const mycar = {
  make: 'Honda',
  model: 'Accord',
  year: 1998,
};

// x gets the value "Honda"
const x = mycar.make;

// the make property is changed by the function
myFunc(mycar);
// y gets the value "Toyota"
const y = mycar.make;

Sử dụng đối tượng đối số

Các đối số của một hàm được duy trì trong một đối tượng giống như mảng. Trong một hàm, bạn có thể giải quyết các đối số được truyền cho nó như sau

function myFunc(theObject) {
  theObject.make = 'Toyota';
}

const mycar = {
  make: 'Honda',
  model: 'Accord',
  year: 1998,
};

// x gets the value "Honda"
const x = mycar.make;

// the make property is changed by the function
myFunc(mycar);
// y gets the value "Toyota"
const y = mycar.make;

trong đó

return number * number;

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

return number * number;

return number * number;

Sử dụng đối tượng

return number * number;

return number * number;

return number * number;

Ví dụ, xét một hàm nối nhiều chuỗi. Đối số chính thức duy nhất cho hàm là một chuỗi chỉ định các ký tự phân tách các mục để nối. Hàm được định nghĩa như sau

function myFunc(theArr) {
  theArr[0] = 30;
}

const arr = [45];

console.log(arr[0]); // 45
myFunc(arr);
console.log(arr[0]); // 30

Bạn có thể chuyển bất kỳ số lượng đối số nào cho hàm này và nó nối từng đối số thành một chuỗi "danh sách"

function myFunc(theArr) {
  theArr[0] = 30;
}

const arr = [45];

console.log(arr[0]); // 45
myFunc(arr);
console.log(arr[0]); // 30

Ghi chú. Biến

return number * number;

return number * number;

Xem đối tượng

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

thông số chức năng

Có hai loại cú pháp tham số đặc biệt. tham số mặc định và tham số còn lại

thông số mặc định

Trong JavaScript, tham số của hàm mặc định là

return number * number;

Trước đây, chiến lược chung để đặt giá trị mặc định là kiểm tra các giá trị tham số trong phần thân của hàm và gán giá trị nếu chúng là

return number * number;

Trong ví dụ sau, nếu không có giá trị nào được cung cấp cho

return number * number;

return number * number;

return number * number;

return number * number;

return number * number;

function myFunc(theArr) {
  theArr[0] = 30;
}

const arr = [45];

console.log(arr[0]); // 45
myFunc(arr);
console.log(arr[0]); // 30

Với các tham số mặc định, việc kiểm tra thủ công trong thân hàm không còn cần thiết nữa. Bạn có thể đặt

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

return number * number;

function myFunc(theArr) {
  theArr[0] = 30;
}

const arr = [45];

console.log(arr[0]); // 45
myFunc(arr);
console.log(arr[0]); // 30

Để biết thêm chi tiết, hãy xem các tham số mặc định trong tài liệu tham khảo

Thông số nghỉ ngơi

Cú pháp tham số còn lại cho phép chúng ta biểu diễn một số lượng đối số không xác định dưới dạng một mảng

Trong ví dụ sau, hàm

return number * number;

function myFunc(theArr) {
  theArr[0] = 30;
}

const arr = [45];

console.log(arr[0]); // 45
myFunc(arr);
console.log(arr[0]); // 30

chức năng mũi tên

Biểu thức hàm mũi tên (còn được gọi là mũi tên béo để phân biệt với cú pháp

return number * number;

return number * number;

return number * number;

return number * number;

return number * number;

Hai yếu tố ảnh hưởng đến việc giới thiệu các chức năng mũi tên. chức năng ngắn hơn và không ràng buộc của

return number * number;

chức năng ngắn hơn

Trong một số mẫu chức năng, các chức năng ngắn hơn được hoan nghênh. So sánh

function myFunc(theArr) {
  theArr[0] = 30;
}

const arr = [45];

console.log(arr[0]); // 45
myFunc(arr);
console.log(arr[0]); // 30

Không tách cái này

Cho đến các hàm mũi tên, mọi hàm mới đã xác định giá trị

return number * number;

function myFunc(theArr) {
  theArr[0] = 30;
}

const arr = [45];

console.log(arr[0]); // 45
myFunc(arr);
console.log(arr[0]); // 30

Trong ECMAScript 3/5, sự cố này đã được khắc phục bằng cách gán giá trị trong

return number * number;

function myFunc(theArr) {
  theArr[0] = 30;
}

const arr = [45];

console.log(arr[0]); // 45
myFunc(arr);
console.log(arr[0]); // 30

Ngoài ra, một hàm ràng buộc có thể được tạo để giá trị

return number * number;

return number * number;

Hàm mũi tên không có

return number * number;

return number * number;

return number * number;

return number * number;

function myFunc(theArr) {
  theArr[0] = 30;
}

const arr = [45];

console.log(arr[0]); // 45
myFunc(arr);
console.log(arr[0]); // 30

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

JavaScript có một số chức năng tích hợp, cấp cao nhất

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

Phương thức

const square = function (number) {
  return number * number;
}
const x = square(4); // x gets the value 16

return number * number;

Hàm toàn cầu

return number * number;

return number * number;

Hàm

return number * number;

return number * number;

return number * number;

return number * number;

Hàm

return number * number;

return number * number;

Hàm

return number * number;

return number * number;

Hàm

return number * number;

return number * number;

return number * number;

Phương thức

return number * number;

return number * number;

return number * number;

Phương thức

return number * number;

return number * number;

Phương thức

return number * number;

return number * number;

Phương thức

return number * number;

return number * number;

return number * number;

return number * number;

Phương thức

return number * number;

return number * number;

return number * number;

return number * number;

function myFunc(theObject) {
  theObject.make = 'Toyota';
}

const mycar = {
  make: 'Honda',
  model: 'Accord',
  year: 1998,
};

// x gets the value "Honda"
const x = mycar.make;

// the make property is changed by the function
myFunc(mycar);
// y gets the value "Toyota"
const y = mycar.make;

JavaScript lồng nhau là gì?

Tại sao nên sử dụng các hàm lồng nhau trong JavaScript?

Điều đó có nghĩa là gì khi một chức năng được lồng vào nhau?

Làm cách nào để sử dụng hàm lồng nhau trong JS?