초보자를 위한 3가지 영리한 JavaScript 트릭

안녕하세요, 주로 초보자를 위한 새 기사를 가지고 다시 돌아왔습니다. 이 기사가 중급 또는 고급 수준이라면 그들에게도 유용할 것입니다.

시작합시다:

1. 함수에 인수를 객체로 전달

const product = ({name, description, price}) => {
    console.log("Name: ", name)
    console.log("Description: ", description)
    console.log("Price: ", price)
}

console.log(product({
    name: "Soda",
    description: "Water with CO2",
    price: "$0.5"
}))

사용의 일부 이점,

Auto Complete IDE가 인수에만 집중하므로 더 쉬워집니다.

다루기 쉬운 대형 codebase

명확한 호출 방법functions

2. 공백으로 JSON 데이터 형식 지정

const product = {
    name: "Soda",
    description: "Water with CO2",
    price: "$0.5"
}

const formatted = JSON.stringify(product, null, 2)
console.log(formatted)
//{
//  "name": "Soda",
//  "description": "Water with CO2",
//  "price": "$0.5"
//}

스프레드 연산자를 사용하여 개체 복사

const num = [1,2,3,4,5,6,7,8,9]

const spaceOperator = [...num, 10, 11, 12]

console.log(spaceOperator)

내 것을 확인하고 구독하십시오.