午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

ES6 模塊知識點總結(jié)

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

模塊化 export 和 import

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

export const sqrt = Math.sqrt; export function square(x) { return x * x; } export function diag(x, y) { return sqrt(square(x) + square(y)); }  
    
    然后在另一個文件中這樣引用：
    
  • 

    
    • 




import { square, diag } from 'lib'; console.log(square(11)); // 121 console.log(diag(4, 3));  
    

    
  • 

    
    •

總結(jié)

//mod.js // 第一種模塊導(dǎo)出的書寫方式(一個個的導(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了，引入的時候直接用，若沒有用default，引入的時候可以用{}的形式 // 導(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)出的書寫方式 let a = 12; let b = 5; let c = 10; export { a, b, c as cc // as是別名，使用的時候只能用別名，特別注意下 }; //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)出的書寫方式 ---> default // default方式的優(yōu)點，import無需知道變量名，就可以直接使用，如下 // 每個模塊只允許一個默認(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()); // 


日歷

鏈接

個人資料

藍(lán)藍(lán)設(shè)計的小編 http://www.gerard.com.cn

存檔

主站蜘蛛池模板： 浓毛BWBWBWBWBW日本 | 色尼姑久久超碰在线 | 国产成人高清精品免费观看 | 日本不卡一二三 | 蜜臀AV人妻久久无码精品麻豆 | 成人在线免费视频观看 | 免费特黄一区二区三区视频一 | 日本十八禁无遮拦啪啪漫画 | 男女爽爽无遮挡午夜视频在线观看 | 久久青青草原精品国产软件 | 在线成 人av影院 | 噜噜噜狠狠夜夜躁精品 | 日本一卡精品视频免费 | yellow免费| 久久香蕉国产线看观看首页 | 一区二区三区国产 | 又亲又揉摸下面视频免费看 | 亚洲精品AV一区午夜福利 | 少妇一夜未归暴露妓女身份 | 国产跪地吃黄金喝圣水合集 | 黃色带三级a级 | 色噜噜视频 | 亚洲国产免费观看视频 | 国产无遮挡无码视频在线观看不卡 | 2021国产精品久久久久精品免费网 | 在线观看黄色小说 | 国产探花在线精品一区二区 | 野花韩国视频中文播放 | 国产小视频在线高清播放 | 爱爱好爽好大好紧视频 | 国产在线精品一区二区网站免费 | 99精品国产第一福利网站 | 熟女强奷系列中文字幕 | 欧美日韩另类在线观看视频 | caoporen超碰在线视频 | 四虎国产精品永久一区高清 | 国产精品1卡二卡三卡四卡乱码 | 亚洲中文久久精品AV无码 | 性肥胖BWBWBW| 被黑人做的白浆直流 | 国产精品视频免费视频 |