초보자를 위한 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)
    



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

    좋은 웹페이지 즐겨찾기