Chrome61新功能之ES6 moudles

ES6 moudles功能

https://developers.google.com/web/updates/2017/09/nic61#modules

chrome瀏覽器輸入 chrome:flags

開啟 Experimental Web Platform

image.png

index.html

<script type="module">
  // or an inline script
  import {helperMethod} from './providesHelperMethod.js';
  helperMethod();
</script>
<h1>module test</h1>

?新建providesHelperMethod.js

// providesHelperMethod.js
export function helperMethod() {
  console.info(`I'm helping!`);
}

更多例子參考

在Chrome打開本地文件如果引入js會有如下錯誤提示

image.png

處理有以下兩種方法

  • 命令行選項啟動

open /Applications/Google\ Chrome.app --args --allow-file-access-from-files

  • 本地服務器

python -m SimpleHTTPServer 8000

image.png

Chrome中打開http://127.0.0.1:8000/index.html即可。

控制臺 await操作

https://developers.google.com/web/updates/2017/08/devtools-release-notes

Console中輸入如下：

await fetch('https://httpbin.org/get?a=1')

image.png
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,581評論 25贊 708
  • 今年大二，一直覺得自己與別人是不一樣的。別人在睡覺的時候，我在忙。別人在約會的時候，我也在忙。是啊，大學里的我那...
    小蝸牛大獅子閱讀 496評論 1贊 0
  • 601071閱讀 424評論 0贊 1
  • 我一向偏向中庸，所以很少對一個事物擁有特別之感，因為總是在看到一個事物的一面時想到另外一面，有時候有人評價我過于理...
    可可咳咳閱讀 3,616評論 0贊 2