01 es6语法结构 import

index.js

//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";
console.log(name)
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()

module.js

export const name = 'zs';
export const fn = function () {
    console.log('es5')
}

export default const function() {
    console.log('es6')
}

export default {
    fn: fn
}

//小程序
module.exports = {
    formatTime: formatTime,
    search: search,
    gets: gets
}

//一样es6
export {
    formatTime,
     search,
     gets
}

转载:https://www.cnblogs.com/ljx20180807/p/9872238.html