亚洲av日韩av永久无码久久,免费的视频app网站,欧美性猛交xxxx免费看,国产成人精品三级麻豆

ES6 模塊知識點(diǎn)總結(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)點(diǎn),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è)計(jì)的小編 http://www.chinatradebeam.com

存檔

成人年无码av片在线观看| 亚洲精品乱码久久久久久蜜桃不卡| 日韩电影一区二区三区| 久久精品无码一区二区三区免费| 高清欧美性猛交xxxx黑人猛交| 精品一区二区久久久久久久网站| 久久久久99精品成人片试看| 亚洲AV无码专区国产乱码不卡| 亚洲国产成人精品女人久久久| 日韩精品一区二区亚洲av| 局长含了一整晚我的奶头| 小箩莉末发育娇小性色xxxx| 少妇性饥渴无码a区免费| 天堂中文最新版在线官网在线| 日韩精品一区二区亚洲av观看 | 人与嘼交av免费| 短裙公车被强好爽h吃奶视频| 中国猛少妇色xxxxx| 亚洲性猛交xxxx| 精品人妻无码区二区三区| 久久精品熟女亚洲av麻豆| 天天摸天天做天天爽| 无码免费一区二区三区| 国产偷人爽久久久久久老妇app| 宝贝腿开大点我添添公交车| 群体交乱之放荡娇妻a片视频| 男女多p混交群体交乱| 美女被c到爽哭视频网站| 亚洲国产精品无码久久九九大片| 国产sm主人调教女m视频| 少妇高h肉辣全集目录| 国产熟妇无码a片aaa毛片视频| 波多野结衣作品| 久久人妻无码毛片a片麻豆| 日韩精品人妻中文字幕有码| 女人扒开屁股桶爽30分钟高潮| 全部孕妇毛片丰满孕妇孕交| 精品亚洲a∨无码一区二区三区| 奶水h人妻销魂共妻高h| 男男肠道灌水失禁play| 一本一道人人妻人人妻αv|