Hướng dẫn default parameter javascript - javascript tham số mặc định

Ngoài ra, giá trị được sử dụng trong một tham số có thể được sử dụng trong mọi tham số mặc định tiếp theo, từ trái sang phải.

Đến đây chưa phải là hết mà mới là bắt đầu của bài viết này thôi, quan trọng là phần này

Set Default Parameters cho một function

Trong đoạn mã dưới này, bạn sẽ tạo một hàm để trả về một số ngẫu nhiên, sau đó sử dụng kết quả làm giá trị tham số mặc định trong // Define a function to cube a number function cube(x) { return x * x * x }0 function:

Kết luận

Trong bài viết này, chúng ta sẽ phân biệt được

function sayHi(name = 'there') {
    console.log("Hi " + name + '!');
    console.log(typeof name);
}

sayHi();
// Hi there!
// string

sayHi(undefined);
// Hi there!
// string
Code language: JavaScript (javascript)

function sayHi(name = 'there') {
    console.log("Hi " + name + '!');
    console.log(typeof name);
}

sayHi();
// Hi there!
// string

sayHi(undefined);
// Hi there!
// string
Code language: JavaScript (javascript)

function sayHi(name = 'there') {
    console.log("Hi " + name + '!');
    console.log(typeof name);
}

sayHi();
// Hi there!
// string

sayHi(undefined);
// Hi there!
// string
Code language: JavaScript (javascript)

Phân biệt Arguments và Parameters

Để phân biệt được arguments và

function sayHi(name = 'there') {
    console.log("Hi " + name + '!');
    console.log(typeof name);
}

sayHi();
// Hi there!
// string

sayHi(undefined);
// Hi there!
// string
Code language: JavaScript (javascript)

// Define a function to cube a number
function cube(x) {
  return x * x * x
}

Biến x chính là một

function sayHi(name = 'there') {
    console.log("Hi " + name + '!');
    console.log(typeof name);
}

sayHi();
// Hi there!
// string

sayHi(undefined);
// Hi there!
// string
Code language: JavaScript (javascript)

function sayHi(name = 'there') {
    console.log("Hi " + name + '!');
    console.log(typeof name);
}

sayHi();
// Hi there!
// string

sayHi(undefined);
// Hi there!
// string
Code language: JavaScript (javascript)

Tiếp theo xem thử

sayHi(null);

// Hi null!
// object

sayHi(false);
// Hi false!
// boolean
Code language: JavaScript (javascript)

// Invoke cube function
cube(10)

//Ouput: 1000

Đi tiếp đoạn code tiếp theo

// Assign a number to a variable
const number = 10

// Invoke cube function
cube(number)

sayHi(null);

// Hi null!
// object

sayHi(false);
// Hi false!
// boolean
Code language: JavaScript (javascript)

function sayHi(name = 'there') {
    console.log("Hi " + name + '!');
    console.log(typeof name);
}

sayHi();
// Hi there!
// string

sayHi(undefined);
// Hi there!
// string
Code language: JavaScript (javascript)

function sayHi(name = 'there') {
    console.log("Hi " + name + '!');
    console.log(typeof name);
}

sayHi();
// Hi there!
// string

sayHi(undefined);
// Hi there!
// string
Code language: JavaScript (javascript)

function sayHi(name = 'there') {
    console.log("Hi " + name + '!');
    console.log(typeof name);
}

sayHi();
// Hi there!
// string

sayHi(undefined);
// Hi there!
// string
Code language: JavaScript (javascript)

// Invoke the cube function without passing an argument
cube()

//Output: NaN

sayHi(null);

// Hi null!
// object

sayHi(false);
// Hi false!
// boolean
Code language: JavaScript (javascript)

function sayHi(name = 'there') {
    console.log("Hi " + name + '!');
    console.log(typeof name);
}

sayHi();
// Hi there!
// string

sayHi(undefined);
// Hi there!
// string
Code language: JavaScript (javascript)

Cú pháp Default Parameter trong JavaScript

Trước kia khi chưa được ES6 giới thiệu về Default Parameter thì chúng ta thường check một cách điển hình như thế này, còn ai không check thì kệ nó, và kết thúc bài viết tại đây.

Tipjs: Tổng hợp tính năng javascript mới nhất kể từ ES6 đến ES11

// Check for undefined manually
function cube(x) {
  if (typeof x === 'undefined') {
    x = 5
  }

  return x * x * x
}

cube()

Bạn sử dụng check điều điện trong JavaScript để check nếu

sayHi(null);

// Hi null!
// object

sayHi(false);
// Hi false!
// boolean
Code language: JavaScript (javascript)

// Define a cube function with a default value
function cube(x = 5) {
  return x * x * x
}

Sử dụng:

sayHi('John');
// Hi John!

sayHi();
// Hi there!
Code language: JavaScript (javascript)

Thậm chí set

function sayHi(name = 'there') {
    console.log("Hi " + name + '!');
    console.log(typeof name);
}

sayHi();
// Hi there!
// string

sayHi(undefined);
// Hi there!
// string



Code language: JavaScript (javascript)

sayHi('John');
// Hi John!

sayHi();
// Hi there!
Code language: JavaScript (javascript)

Đến đây bạn có thể check xem Default Parameter support được bao nhiêu kiểu định dạng:

Default Parameter Data Types trong JavaScript

Ví dụ :

sayHi('John');
// Hi John!

sayHi();
// Hi there!
Code language: JavaScript (javascript)

Nhưng chưa hết bạn có nhớ ES6-2019122141422037">Destructuring JavaScript" , điều này cũng có thể làm tương tự với destructuring

sayHi('John');
// Hi John!

sayHi();
// Hi there!
Code language: JavaScript (javascript)

Sử sụng Multiple Default Parameters

Đến đây, tôi nghĩ các bạn cũng đã hiểu hơn rồi, và cùng xem những ví dụ để hiều hơn về set multiple

sayHi('John');
// Hi John!

sayHi();
// Hi there!
Code language: JavaScript (javascript)

Ngoài ra, giá trị được sử dụng trong một tham số có thể được sử dụng trong mọi tham số mặc định tiếp theo, từ trái sang phải.

sayHi('John');
// Hi John!

sayHi();
// Hi there!
Code language: JavaScript (javascript)

Đến đây chưa phải là hết mà mới là bắt đầu của bài viết này thôi, quan trọng là phần này

Set Default Parameters cho một function

Trong đoạn mã dưới này, bạn sẽ tạo một hàm để trả về một số ngẫu nhiên, sau đó sử dụng kết quả làm giá trị tham số mặc định trong

// Define a function to cube a number
function cube(x) {
  return x * x * x
}

Ví dụ :

sayHi('John');
// Hi John!

sayHi();
// Hi there!
Code language: JavaScript (javascript)

Nhưng chưa hết bạn có nhớ ES6-2019122141422037">Destructuring JavaScript" , điều này cũng có thể làm tương tự với destructuring

Sử sụng Multiple Default Parameters

Đến đây, tôi nghĩ các bạn cũng đã hiểu hơn rồi, và cùng xem những ví dụ để hiều hơn về set multiple