初心者向けの 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)

必ず私のチェックアウトして購読してください