Extended Parameter Handling

Dẫn nhập

Trong bài viết hôm nay, Kteam cùng các bạn tìm hiểu về Extended Parameter Handling, ta có thể hiểu là những xử lý các thông số mở rộng trong Javascript.

Nội dung

Để theo dõi bài này tốt nhất, bạn nên xem qua bài:

• Sổ tay Javascript
• ECMAScript là gì?
• Node.js là gì?
• Cơ chế bất đồng bộ trong Javascript
• Node.js hoạt động như thế nào?
• Promise là gì?
• Async/Await là gì?
• Var, Let và Const
• Class trong Javascript
• Arrow Function trong Javascript

Bài này sẽ giới thiệu những nội dung sau:

• Tham số mặc định
• Rest Parameter
• Spread Operator

Tham số mặc định

Đây là tính năng cho phép chúng ta gán các giá trị mặc định các tham số trong hàm.

Ví dụ:

const sum = function(a = 1, b = 2) {
    return a + b
}
console.log(sum(2,2))

console.log(sum(5))

console.log(sum())
1
2
3
4
5
6
7
8

Rest Parameter

Rest Parameter tập hợp các tham số còn lại vào trong một tham số trong hàm.

Ví dụ:

const log = function(...a) {
    console.log(a)
}
log(1,1.2,'kteam')
const len = (...a) => a.length
console.log(len(1,2,1,3,12))
1
2
3
4
5
6

Spread Operator

Khá giống Rest Parameter, Spread Operator giúp chúng ta mở rộng các element cho object và array.

Ví dụ 1: mở rộng cho array và object

const obj1 = { name: 'chau', x: 1 }
const obj2 = { age: '23', y: 2 }

// clone obj1
const obj3 = { ...obj1 }

// merge 2 objects
const obj4 = { ...obj1, ...obj2}

console.log(obj3)

console.log(obj4)

const array1 = [1,2,3]
const array2 = [4,5,6]

// clone array1
const array3 = [...array1]

// merge 2 array
const array4 = [...array1, ...array2]

console.log(array3)
console.log(array4)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

Ví dụ 2: Truyền các tham số cho hàm

const sum = (a, b, c) => a + b + c
const array = [1,2,3]

// 3 element lần lượt gán cho các tham số
console.log(sum(...array))
array.push(4)

// Thêm 1 element thì element sau không được nhận
console.log(sum(...array))
1
2
3
4
5
6
7
8
9

Ví dụ 3: Truyền các tham số cho hàm khởi tạo

onst date1 = new Date(2020, 1, 14)

const dateFields = [2020, 01, 14]
const date2 = new Date(...dateFields)

console.log(date1)
console.log(date2)
1
2
3
4
5
6
7

Kết

Như vậy Kteam đã giới thiệu về Extended Parameter Handling

Ở bài tiếp theo, Kteam sẽ giới thiệu cho các bạn Template Literals

Cảm ơn các bạn đã theo dõi bài viết. Hãy để lại bình luận hoặc góp ý của mình để phát triển bài viết tốt hơn. Đừng quên “Luyện tập – Thử thách – Không ngại khó”

---

Tải xuống

Tài liệu

Nhằm phục vụ mục đích học tập Offline của cộng đồng, Kteam hỗ trợ tính năng lưu trữ nội dung bài học Extended Parameter Handling dưới dạng file PDF trong link bên dưới.

Ngoài ra, bạn cũng có thể tìm thấy các tài liệu được đóng góp từ cộng đồng ở mục TÀI LIỆU trên thư viện Howkteam.com

Đừng quên like và share để ủng hộ Kteam và tác giả nhé!

Thảo luận

Nếu bạn có bất kỳ khó khăn hay thắc mắc gì về khóa học, đừng ngần ngại đặt câu hỏi trong phần BÌNH LUẬN bên dưới hoặc trong mục HỎI & ĐÁP trên thư viện Howkteam.com để nhận được sự hỗ trợ từ cộng đồng.

CỘNG ĐỒNG HỎI ĐÁP HOWKTEAM.COM

GROUP THẢO LUẬN FACEBOOK