Mengapa menggunakan Braces dalam Sintaks Import JavaScript?

Menggunakan Kurungan dengan Sintaks Import JavaScript

Sintaks import JavaScript membenarkan pengimportan perpustakaan dan modul. Pustaka yang ditemui baru-baru ini menggunakan sintaks berikut:

import React, { Component, PropTypes } from 'react';

Sintaks ini berbeza daripada teknik yang lebih konvensional, iaitu mengimport React tanpa pendakap:

import React, Component, PropTypes from 'react';

Memahami Sintaks dengan Braces

Sintaks dengan pendakap menunjukkan bahawa eksport lalai daripada 'react' harus diimport di bawah nama React. Selain itu, komponen eksport yang dinamakan dan PropTypes hendaklah diimport di bawah nama yang sama. Ini ialah gabungan dua sintaks biasa:

import React from 'react';
import { Component, PropTypes } from 'react';

Tujuan Sintaks Dakap

Secara amnya, kebanyakan modul menyediakan sama ada satu eksport lalai atau senarai daripada eksport yang dinamakan. Adalah jarang modul menawarkan kedua-duanya. Walau bagaimanapun, apabila modul mempunyai ciri biasa yang dieksport sebagai lalai dan sub-ciri tambahan, sintaks pendakap boleh digunakan. Sintaks ini membenarkan ciri ideal diimport sebagai lalai, manakala yang lain dinamakan eksport.

Penjelasan Alternatif

Untuk menjelaskan lebih lanjut, sintaks pendakap adalah setara kepada:

import { default as React, Component, PropTypes } from 'react';

Ini menunjukkan bahawa eksport lalai daripada 'react' sedang diimport sebagai React dan eksport yang dinamakan Komponen dan PropTypes juga sedang diimport sebagai diri mereka sendiri.

Sebaliknya , sintaks tanpa pendakap adalah bersamaan dengan mengimport eksport lalai 'react' sebagai React sambil mengimport Komponen dan PropTypes eksport yang dinamakan.

Atas ialah kandungan terperinci Mengapa menggunakan Braces dalam Sintaks Import JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!