九九色综合_性69交片免费看_亚洲一区二区三区久久精品_精品一久久_欧美一级黄视频_污免费网站

ES6 模塊知識(shí)點(diǎn)總結(jié)

2020-8-26    前端達(dá)人

模塊化 export 和 import

import 導(dǎo)入模塊、export 導(dǎo)出模塊
可以直接在任何變量或者函數(shù)前面加上一個(gè) export 關(guān)鍵字,就可以將它導(dǎo)出。
在一個(gè)文件中:

export const sqrt = Math.sqrt; export function square(x) { return x * x; } export function diag(x, y) { return sqrt(square(x) + square(y)); }  
    然后在另一個(gè)文件中這樣引用:
import { square, diag } from 'lib'; console.log(square(11)); // 121 console.log(diag(4, 3));  

總結(jié)

//mod.js // 第一種模塊導(dǎo)出的書(shū)寫方式(一個(gè)個(gè)的導(dǎo)出) // 導(dǎo)出普通值 export let a = 12; export let b = 5; // 導(dǎo)出json export let json = { a, b }; // 導(dǎo)出函數(shù) export let show = function(){ return 'welcome'; }; // 導(dǎo)出類 export class Person{ constructor(){ this.name = 'jam'; } showName(){ return this.name; } } //index.js //導(dǎo)出模塊如果用default了,引入的時(shí)候直接用,若沒(méi)有用default,引入的時(shí)候可以用{}的形式 // 導(dǎo)入模塊的方式 import { a, b, json, show, Person } from './mod.js'; console.log(a); // 12 console.log(b); // 5 console.log(json.a); // 12 console.log(json.b); // 5 console.log(show()); // welcome console.log(new Person().showName()); // jam //mod1.js // 第二種模塊導(dǎo)出的書(shū)寫方式 let a = 12; let b = 5; let c = 10; export { a, b, c as cc // as是別名,使用的時(shí)候只能用別名,特別注意下 }; //index1.js // 導(dǎo)入模塊的方式 import { a, b, cc // cc是導(dǎo)出的,as別名 } from './mod1.js'; console.log(a); // 12 console.log(b); // 5 console.log(cc); // 10 //mod2.js // 第三種模塊導(dǎo)出的書(shū)寫方式 ---> default // default方式的優(yōu)點(diǎn),import無(wú)需知道變量名,就可以直接使用,如下 // 每個(gè)模塊只允許一個(gè)默認(rèn)出口 var name = 'jam'; var age = '28'; export default { name, age, default(){ console.log('welcome to es6 module of default...'); }, getName(){ return 'bb'; }, getAge(){ return 2; } }; //index2.js // 導(dǎo)入模塊的方式 import mainAttr from './mod2.js'; var str = ' '; // 直接調(diào)用 console.log(`我的英文名是:${mainAttr.name}我的年齡是${mainAttr.age}`); mainAttr.default(); // welcome to es6 module of default... console.log(mainAttr.getName()); // bb console.log(mainAttr.getAge()); // 2 //mod3.js var name = 'jam'; var age = '28'; export function getName(){ return name; }; export function getAge(){ return age; }; //index3.js // 導(dǎo)入模塊的方式 import * as fn from './mod3.js'; // 直接調(diào)用 console.log(fn.getName()); // 


日歷

鏈接

個(gè)人資料

存檔

主站蜘蛛池模板: 亚洲欧美精品一区二区 | 一级黄色a| 国产成人一区在线播放 | 国产亚洲婷婷香蕉久久精品 | www视频免费在线观看 | 波多野结衣在线家庭教师 | 国产精品久久久久久 | 亚洲欧美黄 | 夜夜夜爽爽爽久久久 | 欧美精品一区二区三区四区五区 | 欧美视频在线观看免费精品欧美视频 | 久久亚洲精品一区二区电影 | 99国产视频 | 久久精品视频在线看4 | 日韩欧美国产精品综合嫩v 特级黄一级播放 | 一级电影免费看 | 热久久这里只有精品 | 国产一区二区三区在线看 | 91视频网址入口 | 成人国产精品一级毛片视频 | 欧美肥婆videoxxx| 亚洲一区国产一区 | 婷婷国产 | 国产成人精品aaaa视频一区 | 欧美性精品不卡在线观看 | 极品久久 | 国产精品久久久久久久久久久久久久久久 | 青草青草久热精品视频99 | 精品久久香蕉国产线看观看亚洲 | 日本久草网 | 精品久久精品久久 | 午夜国产在线观看 | 欧美大片毛片大片 | 五月天精品在线 | 色综合久久久久久久久久久 | 天天影视色香欲综合网老头 | 久草美女视频 | 国产在线观看91精品2022 | 2018天天干天天操 | 日本人亚洲人jjzzjjzz页码1 | 国产三级电影 |