<thead id="kdfuf"><font id="kdfuf"></font></thead>


<samp id="kdfuf"></samp>
    

    <nav id="kdfuf"><strong id="kdfuf"></strong></nav>
      
中文字幕无码一区二区三区在线,久久精品人人做人人爽,国产一级内射无挡观看,十八禁在线黄色网站,日韩欧美国产另类久久久精品
,少妇人妻偷人精品一区二区,久久午夜视频,亚洲春色AⅤ无码专区 
  
      
    

      

	
      
		
      
			
      
				
      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.tuitetiyu.cn
      
      
      
    
      
    
      
      
      存檔
      
      
    
      

      

      


  
 






主站蜘蛛池模板：
日本高清免费中文字幕|
精品国产免费成人电影在线观看|
久久国产线看观看|
亚洲人成人无码网www国产|
黑人巨大跨种族VIDEO|
品国精品国产自在久国产应用|
精品精品国产高清A毛片|
暖暖 免费 高清 日本电影|
香蕉伊蕉伊中文视频在线|
熟女中文字幕男人总站|
亚洲中文字幕乱码少妇饥渴|
午夜宅男国产在线播放|
国产欧美成人一区二区A片|
亚洲 欧洲 无码 在线观看|
《超大爆乳护士》在线观看|
色偷偷女人的天堂亚洲网|
中文在线黄色网站一区|
天天干天天摸|
色欲久久精品无码AV人妻|
欧美乱码伦视频|
国产毛片久久久毛片精片|
欧美精品v日韩精品v国产精品|
女子奶水太多喂老头中文字幕
|
99在线精品免费视频|
国产精品美乳福利在线观看|
久久香蕉欧美精品|
精品国产a∨无码一区二区三区
|
国产在线自在拍91有声|
窝窝午夜看片成人精品|
丰满岳乱妇久久久|
国产综合一区二区电影综合|
日韩精品人妻系列无码专区免费|
制服丝袜欧美中文字幕在线|
丝袜 亚洲 另类 欧美 中文字幕
|
国产午夜福利短视频|
亚洲av二区三区在线|
日韩熟女乱综合一区二区|
92国产精品午夜福利|
亚洲综合无码一区二区三区|
无码动漫成本人视频网站|
中文精品久久久久人妻不卡无码
|