前端javascript高級面試一(ES6)

ES6

ES6

• 開發環境已經普及使用
• 瀏覽器環境卻支持不好（需要開發環境編譯）
• 內容很多，重點了解常用語法
• 面試：開發環境的使用 + 重點語法的掌握

 

問題

• ES6模塊化如何使用，開發環境如何打包
• Class和普通構造函數有何區別
• Promise的基本使用和原理
• 總結一下ES6其他常用功能

 

ES6模塊化如何使用，開發環境如何打包

模塊化的基本語法

//util1.js
export default {
    a: 100
}

//util2.js
export function fn1() {
    alert('fn1');
}
export function fn2() {
    alert('fn2');
}

//index.js
import util1 from './util1.js'
import { fn1, fn2 } from './util2.js'
console.log(util1);
fn1();
fn2();

開發環境-babel

 電腦有node環境，運行npm init
 
 npm install --save-dev babel-core babel-present-es2015 babel-present-latest
 
 創建`.babelrc`文件
 
 npm install --global babel-cli
 
 babel --version
 
 創建 ./src/index.js
 
 內容：[1,2,3].map(item => item +1)
 

開發環境-webpack

npm install webpack babel-loader --save-dev
//--save -dev保存在開發環境中

配置 webpack.config.js

配置package.json中的script

運行npm start