Hướng dẫn dùng fuctions JavaScript

Hàm JavaScript là một khối mã được thiết kế để thực hiện một nhiệm vụ cụ thể.

Nội dung chính Show

• Cú pháp chức năng JavaScript
• Chức năng trả về
• Cú pháp chức năng JavaScript
• Cú pháp chức năng JavaScript
• Mã được thực thi, theo hàm, được đặt bên trong dấu ngoặc xoăn: {}
• Khi một sự kiện xảy ra [khi người dùng nhấp vào nút]
• Tính toán sản phẩm của hai số và trả về kết quả:
• Xác định chức năng
• Tuyên bố chức năng
• Biểu thức chức năng
• Gọi chức năng
• Phạm vi chức năng
• Phạm vi và ngăn xếp chức năng
• Các chức năng và đóng cửa lồng nhau
• Bảo tồn các biến
• Nhân các chức năng được lồng
• Tên xung đột
• Đóng cửa
• Sử dụng đối tượng đối số
• Tham số chức năng
• Tham số mặc định
• Tham số nghỉ
• Hàm mũi tên
• Chức năng ngắn hơn
• Không tách biệt điều này
• Các chức năng được xác định trước
• Chức năng chính trong JavaScript là gì?
• Các loại chức năng trong JavaScript là gì?
• Hàm JavaScript giải thích với ví dụ là gì?
• Tại sao chức năng JavaScript lại quan trọng?

Một hàm JavaScript được thực thi khi "một cái gì đó" gọi nó [gọi nó].

Thí dụ

// Chức năng để tính toán sản phẩm của hàm p1 và p2 myFunction [p1, p2] {& nbsp; trả lại p1 * p2; }
function myFunction[p1, p2] {
  return p1 * p2;
}

Hãy tự mình thử »

Cú pháp chức năng JavaScript

Một hàm JavaScript được xác định với 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 chức năng có thể chứa các chữ cái, chữ số, dấu gạch dưới và dấu hiệu đô la [cùng quy tắc với các biến].

Các dấu ngoặc đơn có thể bao gồm các tên tham số được phân tách bằng dấu phẩy: [tham số1, tham số2, ...]
[parameter1, parameter2, ...]

Mã được thực thi, theo hàm, được đặt bên trong dấu ngoặc xoăn: {}{}

Tên hàm [tham số1, tham số2, tham số3] {& nbsp; // Mã được thực thi}
  // code to be executed
}

Các tham số chức năng được liệt kê bên trong dấu ngoặc đơn [] trong định nghĩa hàm.parameters are listed inside the parentheses [] in the function definition.

Đối số chức năng là các giá trị nhận được bởi hàm khi nó được gọi.arguments are the values received by the function when it is invoked.

Bên trong hàm, các đối số [các tham số] hoạt động như các biến cục bộ.

Hàm gọi

Mã bên trong hàm sẽ thực thi khi "một cái gì đó" gọi [cuộc gọi] hàm:invokes [calls] the function:

• Khi một sự kiện xảy ra [khi người dùng nhấp vào nút]
• Khi nó được gọi [được gọi] từ mã JavaScript
• Tự động [tự gọi]

Bạn sẽ tìm hiểu thêm về việc gọi chức năng sau này trong hướng dẫn này.

Chức năng trả về

Khi JavaScript đạt đến câu lệnh

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

const arr = [45];

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

Nếu hàm được gọi từ một câu lệnh, JavaScript sẽ "trả lại" để thực thi mã sau câu lệnh gọi.

Các chức năng thường tính toán giá trị trả về. Giá trị trả về được "trả về" trở lại "người gọi":return value. The return value is "returned" back to the "caller":

Thí dụ

Tính toán sản phẩm của hai số và trả về kết quả:

Đặt x = myfunction [4, 3]; & nbsp; & nbsp; & nbsp; // hàm được gọi, giá trị trả về sẽ kết thúc trong x

hàm myfunction [a, b] {& nbsp; trả về a * b; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // chức năng trả về sản phẩm của A và B}
  return a * b;             // Function returns the product of a and b
}

Kết quả trong x sẽ là:

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

const arr = [45];

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

Hãy tự mình thử »

Cú pháp chức năng JavaScript

Một hàm JavaScript được xác định với 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 chức năng có thể chứa các chữ cái, chữ số, dấu gạch dưới và dấu hiệu đô la [cùng quy tắc với các biến].

Thí dụ

Các dấu ngoặc đơn có thể bao gồm các tên tham số được phân tách bằng dấu phẩy: [tham số1, tham số2, ...]

Mã được thực thi, theo hàm, được đặt bên trong dấu ngoặc xoăn: {}
  return [5/9] * [fahrenheit-32];
}
document.getElementById["demo"].innerHTML = toCelsius[77];

Hãy tự mình thử »

Cú pháp chức năng JavaScript

Một hàm JavaScript được xác định với 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 chức năng có thể chứa các chữ cái, chữ số, dấu gạch dưới và dấu hiệu đô la [cùng quy tắc với các biến].

Thí dụ

Các dấu ngoặc đơn có thể bao gồm các tên tham số được phân tách bằng dấu phẩy: [tham số1, tham số2, ...]
  return [5/9] * [fahrenheit-32];
}
document.getElementById["demo"].innerHTML = toCelsius;

Hãy tự mình thử »

Mã được thực thi, theo hàm, được đặt bên trong dấu ngoặc xoăn: {}

Tên hàm [tham số1, tham số2, tham số3] {& nbsp; // Mã được thực thi}

Thí dụ

Các tham số chức năng được liệt kê bên trong dấu ngoặc đơn [] trong định nghĩa hàm.

Đối số chức năng là các giá trị nhận được bởi hàm khi nó được gọi.
let text = "The temperature is " + x + " Celsius";

Bên trong hàm, các đối số [các tham số] hoạt động như các biến cục bộ.

Hàm gọi

Hãy tự mình thử »

Mã bên trong hàm sẽ thực thi khi "một cái gì đó" gọi [cuộc gọi] hàm:

Khi một sự kiện xảy ra [khi người dùng nhấp vào nút]

Khi nó được gọi [được gọi] từ mã JavaScript LOCAL to the function.

Tự động [tự gọi]

Thí dụ

Bạn sẽ tìm hiểu thêm về việc gọi chức năng sau này trong hướng dẫn này.

Chức năng trả về
  let carName = "Volvo";
  // code here CAN use carName
}

Khi JavaScript đạt đến câu lệnh

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

const arr = [45];

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

Hãy tự mình thử »

Nếu hàm được gọi từ một câu lệnh, JavaScript sẽ "trả lại" để thực thi mã sau câu lệnh gọi.

Các chức năng thường tính toán giá trị trả về. Giá trị trả về được "trả về" trở lại "người gọi":

Tính toán sản phẩm của hai số và trả về kết quả:

Exercise:

Đặt x = myfunction [4, 3]; & nbsp; & nbsp; & nbsp; // hàm được gọi, giá trị trả về sẽ kết thúc trong x

function myFunction[] {
  alert["Hello World!"];
}
;

hàm myfunction [a, b] {& nbsp; trả về a * b; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // chức năng trả về sản phẩm của A và B}

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

const arr = [45];

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

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

const arr = [45];

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

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

function square[number] {
  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

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

const arr = [45];

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

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;

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

const arr = [45];

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

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 factorial = function fac[n] {
  return n