在 JavaScript 導入語法中使用括號
JavaScript 導入語法允許導入庫和模組。最近遇到的一個函式庫使用以下語法:
import React, { Component, PropTypes } from 'react';
此語法與更傳統的技術不同,即不帶大括號導入React:
import React, Component, PropTypes from 'react';
理解語法帶大括號
大括號的語法表示來自'react' 的預設匯出應以React 名稱匯入。此外,命名的匯出 Component 和 PropTypes 應該以相同的名稱匯入。這是兩種常見語法的組合:
import React from 'react'; import { Component, PropTypes } from 'react';
大括號語法的用途
一般來說,大多數模組提供單一預設導出或列表命名導出。模組同時提供這兩種功能的情況並不常見。但是,當模組具有作為預設導出的公共功能和附加子功能時,可以使用大括號語法。此語法允許將理想功能作為預設值匯入,而其他功能則命名為匯出。
替代說明
為了進一步澄清,大括號語法是等效的to:
import { default as React, Component, PropTypes } from 'react';
這表示「react」的預設導出正在作為React 導入,並且命名的導出Component 和PropType 也將作為其自身導入。
另一方面,不含大括號的語法相當於將 'react' 的預設匯出匯入為 React,同時匯入命名的匯出 Component 和 PropTypes。
以上是為什麼在 JavaScript 匯入語法中使用大括號?的詳細內容。更多資訊請關注PHP中文網其他相關文章!