自我學習之es6 7

2021-08-20 15:18:23 字數 1773 閱讀 4023

關於es6的模組化，首先需要配置node環境。配置方法如下：

2、開啟cmd，輸入node -v如果有彈出版本號證明安裝成功

3、安裝**映象（安裝這個的目的是需要安裝其它的工具，而這些工具基本都是國外的，所以安裝速度非常的慢。而**映象把這些已經轉到國內，安裝的速度會非常快，如果你不嫌棄慢的話可以忽略這個步驟）

windows下在命令列裡輸入

npm install -g cnpm --registry=

4、從命令列裡進入到本專案

6、執行npm i，安裝專案依賴

7、執行npm start，開啟專案

至此，所有的前期準備已經完成、可以在src/index.js裡面寫**

在src下新建乙個modules的資料夾，在這個資料夾下先建乙個a.js，再建乙個b.js，先在a.js裡寫乙個方法

function a()
再在b.js裡同樣寫乙個方法

function b()
然後再在a.js及b.js的方法前加export default

export default function a()
export default function b()
然後再在index.js裡用import匯入a這個函式

import a from './modules/a';


a();
import b from './modules/b';


b();
這就是es6的語法，export預設匯出，import接收預設匯出，接收預設匯出的時候可以任意命名

import anm from './modules/a';


anm();
而預設匯出，匯出的東西是可以沒有名字的

es6裡還有另一種匯出，即匯出數值

export let num=789;
而在接收的時候，則是把num這個變數寫在乙個大括號裡再列印出這個變數

import  from './modules/a';


console.log(num);
這些是關於export default和export方面怎麼去匯出東西的，如果乙個專案中同時用了export default和export 兩種匯出方式，那接收的時候可以用一句話就能接收了

import anm, from './modules/a';
使用export匯出有個特性即可以使用多次export來匯出

export let num=789;


export let bvc=789;
在接收時也可以把兩個變數都寫在大括號裡

import anm, from './modules/a';


console.log(num,bvc);
注意export default只能匯出一次，而export可以多次匯出

可以同時從b.js裡接收函式

import anm, from './modules/a';


import b from './modules/b';


anm();


b();


console.log(num,bvc);

檔名字尾.js可以不寫

es6 7 函式擴充套件

test hello hello world test hello day hello day 注意塊作用域的優先順序 test2 hello hello hello test2 hello hello test 不知道會有多少引數這種方式會把傳入的引數轉化成乙個陣列 ps rest 引數後不能再有...

es3中使用es6 7的字串擴充套件

最近在看阮一峰的 es6標準入門 在字串擴充套件一節中有提到幾個新的擴充套件，覺得挺有意思，想在es3裡面使用，於是就有下面的相容性寫法。將乙個字串重複n次 string.prototype.repeat string.prototype.repeat function number number ...

自我學習之es6 6

es6的新特性裡增加了類和類的繼承，其實這個特性也是向後台語言借鑑過來的，先來看下es5的時候如何構造乙個物件 function human human.prototype.singing function let a new human console.log a a.singing 如上，用es...