Bila hendak menggunakan kurungan dalam sintaks import JavaScript?

Menggunakan Kurungan dengan Sintaks Import JavaScript

Dalam JavaScript, terdapat pelbagai cara untuk mengimport modul dan pustaka. Satu kaedah biasa melibatkan penggunaan kurungan dengan sintaks import. Sintaks:

<code class="javascript">import { Component, PropTypes } from 'react';</code>

Sintaks ini berbeza daripada versi yang lebih mudah:

<code class="javascript">import React, Component, PropTypes from 'react';</code>

Memahami Perbezaan

Sintaks dengan kurungan mengimport khusus sahaja dinamakan eksport, manakala sintaks tanpa kurungan mengimport kedua-dua eksport lalai dan eksport bernama. Berikut ialah pecahan:

<code class="javascript">import React, { Component, PropTypes } from 'react';</code>

• Mengimport eksport lalai React di bawah nama yang sama.
• Mengimport Komponen eksport dan PropTypes yang dinamakan di bawah nama yang sama.

Ini menggabungkan dua sintaks biasa:

<code class="javascript">import React from 'react';
import { Component, PropTypes } from 'react';</code>

Secara umum, modul menyediakan sama ada eksport lalai atau eksport bernama. Walau bagaimanapun, adalah mungkin untuk memiliki kedua-duanya. Dalam kes di mana ciri yang paling biasa dieksport sebagai lalai, manakala ciri tambahan dieksport sebagai eksport bernama, sintaks dengan kurungan adalah sesuai.

Nota Tambahan

• Nama import sintaks daripada "nama modul"; sebenarnya mengimport eksport lalai daripada modul.
• Sintaks import MyModule, {foo, bar} daripada "my-module.js"; mengimport MyModule eksport lalai dan eksport foo dan bar yang dinamakan. Eksport yang dinamakan tidak boleh diakses melalui MyModule.
• Sintaks import * sebagai MyModule daripada 'my-module'; mengimport semua eksport dan menjadikannya boleh diakses di bawah MyModule.name.

Atas ialah kandungan terperinci Bila hendak menggunakan kurungan dalam sintaks import JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!