# es6的导入导出方式 ### 三种导入导出方式 ``` <pre class="calibre14">``` <span class="token6">// Name Export | Name Import</span> <span class="token2">export</span> <span class="token2">const</span> name <span class="token">=</span> <span class="token4">'value'</span> <span class="token2">import</span> <span class="token1">{</span> name <span class="token1">}</span> <span class="token2">from</span> <span class="token4">'...'</span> <span class="token6">// Default Export | Default Import</span> <span class="token2">export</span> <span class="token2">default</span> <span class="token4">'value'</span> <span class="token2">import</span> anyName <span class="token2">from</span> <span class="token4">'...'</span> <span class="token6">// Rename Export | NameImport</span> <span class="token2">export</span> <span class="token1">{</span> name <span class="token2">as</span> newName <span class="token1">}</span> <span class="token2">import</span> <span class="token1">{</span> newName <span class="token1">}</span> <span class="token2">from</span> <span class="token4">'...'</span> <span class="token6">// Name + Default | Import All</span> <span class="token2">export</span> <span class="token2">const</span> name <span class="token">=</span> <span class="token4">'value'</span> <span class="token2">export</span> <span class="token2">default</span> <span class="token4">'value'</span> <span class="token2">import</span> <span class="token">*</span> <span class="token2">as</span> anyName <span class="token2">from</span> <span class="token4">'...'</span> <span class="token6">// Export List + Rename | Import List + Rename</span> <span class="token2">export</span> <span class="token1">{</span> name1<span class="token1">,</span> name2 <span class="token2">as</span> newName2 <span class="token1">}</span> <span class="token2">import</span> <span class="token1">{</span> name1 <span class="token2">as</span> newName1<span class="token1">,</span> newName2 <span class="token1">}</span> <span class="token2">from</span> <span class="token4">'...'</span> ``` ```