你可以說出export export default || model.exports exp

junfeng777 發布于2019-08-29 15:09 / 2858人閱讀

摘要：一前言用模塊寫代碼，為什么要用模塊來寫代碼之前，在中定義的一切，都是共享一個全局作用域的，隨著應用變得復雜，這樣做會引起如命名沖突和安全問題于是引入了模塊。

一.前言：

用模塊寫代碼，為什么要用模塊來寫代碼：ES6之前，在js中定義的一切，都是共享一個全局作用域的，隨著web應用變得復雜，這樣做會引起如：命名沖突和安全問題、于是引入了模塊。

二.清楚一個概念：

export 和 export default 是ES6 里面的API（本文只介紹ES6的）

exports 和 model..exports 是node.js里面的API,更切確的說是Common.js里的（就和require 和 import 相似）

三.export

// a.js
export let a = 1          //輸出變量
export fn(){...}          //輸出函數
export class Class{
  constructor(a,b){
    this.a = a;
    this.b = b;
  }
}                         //輸出類

fn2(){...}                //定義一個函數
export fn2;               //建議以這種在末尾統一輸出的方式export
export {fn2 ,fn};         //導出多個變量，要有{}
export {fn2 as asFn2};    //導出時重命名，要有{}


// b.js
import {fn2} from "a.js";  //export 的引入要加{},單個也要加；
import {fn2 , a , Class as Class1}  from "a.js"   //引入多個要用 ‘,’隔開；
import * as example from "a.js";                  //引入整個模塊
example.a = 1;                                    //使用模塊，在有很多需要引入時，建議這種方法；

四.export defalut（模塊的默認值）

  // a.js
  export default function(num1,num2){...}   //導出默認值，只能導出一個
  export let a = 1;                         //導出變量a
  
  // b.js
  
  import any from "a.js";                   //引入默認值,any 可以是任意的名字，不用{}
  import {a} from "a.js";                   //引入a ;
  import any,{a} from "a.js"                //默認值必須放在非默認值前面
  import {default as any , a} from "a.js"   //有重命名就要大括號包起來

總結：

export ：

單個不用括號，多個要用{}，as也要用{}； (因為export default 只能export 一個)；

import

除了* as ,別的重命名都要用{}

export 要用{}

既有export 和 export default時：import any,{a} from "a.js’ 默認寫前面

by:Beast 原創：轉載請聲明

覺得對你有用，請點贊！歡迎探討指點！

云服務器 GPU云服務器 Exporting exported exports exporter

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/113137.html

你可以說出export export default || model.exports exp

摘要：一前言用模塊寫代碼，為什么要用模塊來寫代碼之前，在中定義的一切，都是共享一個全局作用域的，隨著應用變得復雜，這樣做會引起如命名沖突和安全問題于是引入了模塊。一.前言：用模塊寫代碼，為什么要用模塊來寫代碼：ES6之前，在js中定義的一切，都是共享一個全局作用域的，隨著web應用變得復雜，這樣做會引起如：命名沖突和安全問題、于是引入了模塊。二.清楚一個概念： export 和 ex...

array_huang 2019-08-22 16:40 評論0 收藏0
js導入導出總結與實踐

摘要：在上一篇文章中中和模塊的導入導出對比，偏向于理論層面，還有一些同學在微信群里或是私下里針對一些問題進行了溝通，所以有了這一篇文章，對的導入導出進行總結和實踐當直接給時，會失效這個問題其實已經和導入導出沒什么關系了，我們看一個知乎上的問題詳細在上一篇文章中JavaScript中AMD和ES6模塊的導入導出對比，偏向于理論層面，還有一些同學在微信群里或是私下里針對一些問題進行了溝通，所以...

yanwei 2019-08-26 13:40 評論0 收藏0
nodejs實現restful API

更新：最新的源碼和使用說明放到了github上點擊跳轉本文的重點在于restful接口的設計與實現，使用到了express和monogoose.點擊查看express教程點擊查看monogoose教程ES6入門教程----阮一峰的博客 node4.x對ES6的支持并不完善，建議使用更高版本的node在實際開發中請在文件頭部添加use strict來聲明使用嚴格模式為了有助于更好的理解后期的代碼，...

harriszh 2019-08-20 18:26 評論0 收藏0
es6學習筆記-module_v1.0_byKL

摘要：學習模塊不是對象，而是通過命令顯式指定輸出的代碼，輸入時也采用靜態命令的形式。的模塊自動采用嚴格模式命令用于規定模塊的對外接口，命令用于輸入其他模塊提供的功能。該文件內部的所有變量，外部無法獲取。 es6 學習-module_v1.0 ES6模塊不是對象，而是通過export命令顯式指定輸出的代碼，輸入時也采用靜態命令的形式。 ES6的模塊自動采用嚴格模式 export命令用于規定模...

VishKozus 2019-08-20 14:43 評論0 收藏0