• <center id="sm46c"></center>
  • <dfn id="sm46c"></dfn>
  • <strike id="sm46c"></strike>
  • <cite id="sm46c"><source id="sm46c"></source></cite>
    • <strike id="sm46c"><source id="sm46c"></source></strike>
      <option id="sm46c"></option>
      国产精品天天看天天狠,女高中生强奷系列在线播放,久久无码免费的a毛片大全,国产日韩综合av在线,亚洲国产中文综合专区在,特殊重囗味sm在线观看无码,中文字幕一区二区三区四区在线,无码任你躁久久久久久老妇蜜桃

      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)出的書寫方式(一個(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í)候直接用,若沒有用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)出的書寫方式 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)出的書寫方式 ---> default // default方式的優(yōu)點(diǎn),import無需知道變量名,就可以直接使用,如下 // 每個(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è)人資料

      存檔

      主站蜘蛛池模板: 色八戒一区二区三区四区 | 国产AV无码专区亚洲精品网站| 狠狠躁夜夜躁人人爽超碰97香蕉| 亚洲国产精品无码久久一线 | 亚洲AV无码精品一区二区三区l| 亚洲精品一区二区三区在| 第一福利精品500在线导航| 中文字幕亚洲综合久久| 久久精品无码一区二区2020| 国产做无码视频在线观看| 国自产精品手机在线观看视频| 亚洲熟女乱色综合一区| 国产a√精品区二区三区四区| 影音先锋女人aa鲁色资源| 欧美日韩精品在线播放| 亚洲综合成人av在线| 男人女人午夜视频免费| 免费无毒永久av网站| 精品麻豆国产色欲色欲色欲www | 色综合色综合综合综合综合| 伊人久久无码大香线蕉综合| 72种姿势欧美久久久久大黄蕉| 欧洲av毛片| 伊人久久大香线蕉av不变影院| 亚洲欧美精品午睡沙发| 国产免费福利网站| 亚洲产在线精品亚洲第一站一| 自拍偷自拍亚洲精品被多人伦好爽| 三级网站| 国产精品综合色区在线观看| 久热中文字幕在线| 中文字幕99国产精品| 国产精品久久久尹人香蕉| 精品人妻一区二区三区蜜桃AⅤ| 久热这里有精品视频在线| 在线成人国产天堂精品av| 亚洲乱码国产乱码精品精| 99久久亚洲综合网精品| 国产福利小视频高清在线观看| 国产普通话对白刺激| 久久精品成人免费国产片小草 |