js module引入简介

module.js

// 按需导出I
export const name = 'zs';
export const fn = function () {
    console.log('es5')
}
//文件夹I
export default const function() {
    console.log('es6')
}


export default {
    fn: fn
}

//小程序(// 按需导出III)
module.exports = {
    formatTime: formatTime,
    search: search,
    gets: gets
}
// 按需导出II
//一样es6
export {
    formatTime,
     search,
     gets
}


//文件夹II
// react 导出模式
export default Hello
// egg 导出模式
module.exports = NewsService;
// -----------------------------------------------------导出模块汇总
// 按需导出({})
// export const formatTime = date => {
// 模块问题f
// export default function formatTime( date){
    const formatTime = date => {
        const year = date.getFullYear()
        const month = date.getMonth() + 1
        const day = date.getDate()
        const hour = date.getHours()
        const minute = date.getMinutes()
        const second = date.getSeconds()
      
        return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
      }
      
      const formatNumber = n => {
        n = n.toString()
        return n[1] ? n : '0' + n
      }
      // 按需导出二({})
      // export {
      //   formatTime
      // }
      
      // 按需导出三({},{f})
      // module.exports = {
      //   formatTime
      // }
      // 按需导出Iv 默认导出对象({},{f}) 对象导出II
      // exports.formatTime = formatTime
      
      // 默认导出对象{f} 对象导出I
      // export default {
      //   formatTime
      // }

      
      // 模块问题
      // module.exports = formatTime//=>export default类似f
    

导入

//es6 2015-6 块级作用域
//es5
// var name='woniu';
// {
//     var name='xiaomi'
// }
// console.log(name);

//es6
// let name='woniu';
// {
//    let name='xiaomin'
// }
// console.log(name)//name is not defined
//const str='zs' //const 修饰的变量不可修改

//字符串
// var name='zs'
// console.log(name+'喜欢运动')

// let name='lis';
// console.log(`${name}喜欢打球`)

//函数
// var double=function(x,y){
//   return x+y
// }
// console.log(double(2,3))

// const double=x=>x;//单个不用括号 且返回
// console.log(double(2))

// const double=(x,y)=> x+y;
// console.log(double(2,3))//多个个不用括号 且返回

// const double = (x, y) => {
//   let z = x + y;
//   return z / 2;
// };
// console.log(double(2,4))

//es5
// var double = function(x, y) {
//   var x = x || 2;
//   var y = y || 3;
//   return x + y;
// };
// console.log(double());

// let double=(x=2,y=3)=>x+y;
// console.log(double(3))

//es展开运算符
// let arr=[5,6];
// let double=(x=2,y=3)=>x+y;
// console.log(double(...arr))
// let arr1=[1,2,3];
// console.log([1,2,3,...arr])

//es5对象
// const key='job';
// var obj={
//     str:'zs',
//     num:2,
//     fuc:function(){

//     },
//     key:'ls'
// }
// console.log(obj)
// obj[key]='job';
// console.log(obj);

//es6
// const key='job';
// var obj={
//     str:'zs',
//     num:2,
//     fuc:function(){

//     },
//     // [key]:'ls'
//     [key+'xs']:'ls'

// }
// console.log(obj)

// const zs='name'
// var obj={
//     zs
// }
// console.log(obj)

// es6解构
// var arr=[1,2,3];
// let [x,y,z]=arr;
// console.log(x,y,z)

// var obj = { name: "zs", age: 18 };
// let { name, age } = obj;
// console.log(name, age);

//单个模式
import { name, fn } from "./module.js";
import *as module from "./module.js";
console.log(name,module)
fn();

//default 单个
import fnu from './module';
fnu()

//对象模式
import obj from './module'
obj.fn()

//es5 小程序模式
//映射
import {
    formatTime,
    search,
    gets
} from '../../utils/util.js';

//对象
import obj from './module'
obj.gets()

//-----------------node 模块导入汇总
// const formatTime = require('../../utils/util.js')
// 出了 export default {default:f}  module.exports = formatTime f  其他{f}
//按需导入
// import { formatTime } from '../../utils/util.js'
// 模块导入(function)
import formatTime from '../../utils/util.js'
console.log(formatTime,'--------------')