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:

  • 相关阅读:
    图论-最短路模版
    图论-最小生成树模版
    图论-并查集模版
    数论-矩阵快速幂模版
    数论-GCD && 欧拉函数 && 快速求幂
    对象池技术
    页游代码、资源文件的优化
    页游加速检查
    扩展类与父类继承函数的前后关系
    关于ADDED_TO_STAGE事件
  • 原文地址:https://www.cnblogs.com/yzy521/p/14133342.html
Copyright © 2011-2022 走看看