zoukankan      html  css  js  c++  java
  • 面试 11-01.ES6:模块化的使用和编译环境

    11-01.ES6:模块化的使用和编译环境

    #前言

    #ES6的主要内容

    • 模块化的使用和编译环境

    • Class与JS构造函数的区别

    • Promise的用法

    • ES6其他常用功能

    本文来讲“模块化的使用和编译环境”。

    #面试常见问题

    • ES6 模块化如何使用,开发环境如何打包

    • Class 和普通构造函数有何区别

    • Promise 的基本使用和原理

    • 总结一下 ES6 其他常用功能

    #ES6的现状

    • 开发环境已经普及使用

    • 浏览器环境却支持不好(需要开发环境编译)

    • 内容很多,重点了解常用语法

    • 面试:开发环境的使用 + 重点语法的掌握

    #模块化的基本语法

    (1)util1.js:

    export default var a = 100;
    
    export function foo {
      console.log('util1-foo');
    }
    
     

    export default命令用于指定模块的默认输出。显然,一个模块只能有一个默认输出。

    有了默认输出之后,其他模块加载该模块时,import命令可以为该匿名变量/函数,起任意的名字。

    上面的代码中,默认输出是一个变量。当然,我们也可以换成默认输出一个匿名函数:

    export default function() {
      console.log('util1-function');
    }
    
     

    (2)util2.js:

    
    export var myUtil2 = 'this is util2';
    
    export function fn1() {
      console.log('util2-fn1');
    }
    
    export function fn2() {
      console.log('util2-fn2');
    }
    
     

    上方代码中,我把一个变量和两个函数作为了导出。

    (3)index.js:

  • 相关阅读:
    跳跃游戏
    不同路径
    最大子序和
    最长回文子序列
    最长公共子序列
    零钱兑换
    合并区间
    寻找数组的中心索引
    制造小程序中的一些经验
    h5写的一个签到积分系统
  • 原文地址:https://www.cnblogs.com/yzy521/p/14133342.html
Copyright © 2011-2022 走看看