国产精品美女久久久浪潮AV,国产精品三级一二三区,久久精品国产一区二区小说 ,依依成人影视国产精品,全部无卡免费的毛片在线看,日本一区二区三深夜不卡,国产精品女同一区二区久久,国产精品夜色一区二区三区

        ES6 模塊知識點總結

        2020-8-26    前端達人

        模塊化 export 和 import

        import 導入模塊、export 導出模塊
        可以直接在任何變量或者函數前面加上一個 export 關鍵字,就可以將它導出。
        在一個文件中:

        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));  

        總結

        //mod.js // 第一種模塊導出的書寫方式(一個個的導出) // 導出普通值 export let a = 12; export let b = 5; // 導出json export let json = { a, b }; // 導出函數 export let show = function(){ return 'welcome'; }; // 導出類 export class Person{ constructor(){ this.name = 'jam'; } showName(){ return this.name; } } //index.js //導出模塊如果用default了,引入的時候直接用,若沒有用default,引入的時候可以用{}的形式 // 導入模塊的方式 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 // 第二種模塊導出的書寫方式 let a = 12; let b = 5; let c = 10; export { a, b, c as cc // as是別名,使用的時候只能用別名,特別注意下 }; //index1.js // 導入模塊的方式 import { a, b, cc // cc是導出的,as別名 } from './mod1.js'; console.log(a); // 12 console.log(b); // 5 console.log(cc); // 10 //mod2.js // 第三種模塊導出的書寫方式 ---> default // default方式的優點,import無需知道變量名,就可以直接使用,如下 // 每個模塊只允許一個默認出口 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 // 導入模塊的方式 import mainAttr from './mod2.js'; var str = ' '; // 直接調用 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 // 導入模塊的方式 import * as fn from './mod3.js'; // 直接調用 console.log(fn.getName()); // 


        日歷

        鏈接

        個人資料

        藍藍設計的小編 http://www.shtzxx.cn

        存檔

        主站蜘蛛池模板: 安塞县| 辽源市| 国产午夜福利视频在线观看| 米易县| 欧美a级毛欧美1级a大片免费播放| 公交车上拨开少妇内裤进入| 免费a级毛片无码视频| 嘟嘟嘟www在线观看免费高清 | 国产精品自产拍在线观看花钱看 | 日韩午夜福利无码专区a| 亚洲欧洲自拍拍偷精品 美利坚 | 午夜片少妇无码区在线观看| 肉体暴力强伦轩在线播放| 鹿泉市| 无码少妇一区二区三区芒果| 精品国产免费观看久久久| 欧美精品乱码99久久蜜桃| 欧美人体做爰大胆视频| 精品人妻少妇一区二区| 日本护士野外xxxhd| 十堰市| 欧美乱妇xxxxxbbbbb| 阳茎伸入女人阳道视频免费| 成人午夜福利视频| 亚洲欧洲日产国码久在线| 中文亚洲av片不卡在线观看| 鹤峰县| 日韩欧美精品suv| 亚洲熟妇少妇任你躁在线观看无码| 亚洲一区二区三区无码中文字幕 | 久久婷婷久久一区二区三区| 久久精品女人天堂av免费观看| 美女视频黄频a美女大全| 一个人看www在线观看| 国产精品 中文字幕 亚洲 欧美| 亚洲人成人无码www| 乱码1/2| 日韩 欧美 亚洲 一区二区| 潜江市| 亚洲国产综合日韩av在线| 欧美国产日韩亚洲中文|