Bài viết này mình sẽ tóm gọn về Destructuring, Rest parameter, Spread Syntax trong Javascript nhé. Mình thấy thực sự cần thiết và dùng rất nhiều trong dự án. Hy vọng với vài tóm tắt bên dưới sẽ giúp ae đỡ nhầm lẫn hơn cũng như biết được tên gọi của nó nhé

Destructuring với Object

const user = {
  name: 'Tu Pham',
  age: 24,
}
// Thay vì viết dài dòng như thế này
// const name = user.name
// const age = user.age
// Có thể dùng Destructuring làm code ngắn gọn hơn 
const { name: userName, age} = user // có thể đổi tên khác bằng cách : newName
console.log(userName) // Tu Pham 
console.log(age) // 24

Destructuring với Array

const res = [1, 2, 3, 4]
const [a, b, c] = res

console.log(a, b, c) // 1 2 3

Spread Syntax

const user = { name: 'Tu Pham', age: 24, }

const cloneUser = {...user}
console.log(cloneUser) // { name: 'Tu Pham', age: 24, }

Cái này có thể gọi là shallow copy (copy nông). Vì nó chỉ copy giá trị của thôi. So sánh bằng thì thực ra nó không bằng đâu nghen. Sẽ có bài nói về tham trị tham chiếu sau để rõ hơn nghen

Rest parameter

const handle = (a, b, ...c) => {
 return c
}

const value = handle(1, 2, 3, 4, 5, 6, 7, 8]

console.log(value) // [3, 4, 5, 6, 7, 8]
// Những tham số còn lại gộp thành 1 mảng