-
1，let不允許重復(fù)定義，與var不同
2，let是局部變量，與var不同。var定義的是全局變量
3，const定義的是一個不可修改的常量，不可以重復(fù)賦值
4，indexof返回的是0/-1, es6中用includes方法代替 返回true / false;
5，startWith和endWith 也是返回true/false
查看全部 -
要注意const聲明的常量不是值不能動，而是指向的那個內(nèi)存地址所保存的數(shù)據(jù)不得改動。對于簡單的數(shù)據(jù)類型（Number, String, Bool）值就保存在那個內(nèi)存地址，所以值就不能變了。而復(fù)合類型的（最主要的是數(shù)組和對象）里面的內(nèi)容是可變的，但指向還是不能變。
From阮一峰老師的《EMCAScript 6 入門》
查看全部 -
課程安排查看全部
-
課程目標查看全部
-
JS的問題出現(xiàn)在哪兒查看全部
-
//1et str="name="+userName+"，age="+userage+"，1ogo="+1ogo ;?
let str= name1=${userName }，age1=${userAge},1ogo3=${logo}^ ;?
console. log(str);
查看全部 -
●問題2 :字符串方面的處理
●indexOf
●includes、 startsWith、 endsWith
●模板字符串
查看全部 -
把ES6以上的版本，轉(zhuǎn)換成ES5
首先把2015的插件卸載掉：npm unistall --save babel-preset-es2015
對ES以后的所有版本都用env，代表ES6+：npm install babel-preset-env -D
.babelrc文件中改為：{"presets": ["env"]}
查看全部 -
半自動轉(zhuǎn)換。。也可以說是手動
.babelrc:
{"presets": ["es2015"],"plugins":[]}
"scripts":{
"build":"babel src/index.js -o dist/index.js"
}
npm run build
將
"scripts":{
? ? "build":"babel src -d dist"
? },
復(fù)制到package.json中
src同級新建一個.babelrc文件，將{"presets": ["es2015"],"plugins":[]}復(fù)制進去
這時候運行npm run build
查看全部 -
1.手動單個文件轉(zhuǎn)換：babel es6.js --presets es2015
這行命令行僅限在命令行看轉(zhuǎn)換后代碼，導(dǎo)出為另一個文件需要：
babel es6.js -o js2.js --presets es2015
-o為out表示輸出
2.將文件夾src底下的文件批量轉(zhuǎn)換到dist文件夾中：
babel src -d dist --presets es2015
查看全部 -
用于高版本ES轉(zhuǎn)成低版本ES
查看全部 -
ES全家福
要點1：ES版本很多，為什么經(jīng)常聽到ES6
ES的版本命名規(guī)則
區(qū)分ES5和ES6以后的版本
ES2015、2016、2017、2018、2019泛稱ES6。細分的話就是ES6,7,8,9,10
要點2：各個版本細節(jié)
ES3 1999年12月頒布
ES4 2008年7月發(fā)布之前廢棄
ES5 2009年12月發(fā)布
ES5升級到ES2015，添加了類和模塊、箭頭函數(shù)等很多變革
ES2015升級到ES2016，添加Array.prototype.includes、求冪操作符
ES2016升級到ES2017，添加字符串填充、函數(shù)參數(shù)的尾逗號、增加異步函數(shù)等操作。
ES2017升級到ES2018，添加共享內(nèi)存和Atomics、用于正則表達式的“dotall”標志。
ES2018升級到ES2019，添加更友好的JSON.stringify，為Symbol類型增加Symbol.protptype.description的一個訪問器屬性。
查看全部 -
JS1內(nèi)容：
import js2 from './js2.js';
let m=0;
function fun2(){
? return 666+js2.m1
}
export default{
? name:'測試網(wǎng)頁01',
? fun:(x)=>{
? ? return `傳參是${x}`
? },
? fun2:()=>{
? ? return fun2()
? }
}
JS2內(nèi)容：
let m=100;
let n=200;
export default{
? m1:m+n,
}
HTML內(nèi)容：
<!DOCTYPE html>
<html dir="ltr">
? <head>
? ? <meta charset="utf-8">
? ? <title></title>
? </head>
? <body>
? </body>
? <script type="module">
? ? import js1 from './js1.js';
? ? console.log(js1.name);
? ? console.log(js1.fun(999));
? ? console.log(js1.fun2());
? </script>
</html>
查看全部 -
解決模塊引用時跨域問題-安裝live server插件，且通過此插件運行訪問網(wǎng)頁
跨域-瀏覽器同源（同一個域）策略的限制
瀏覽器類似于Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.的報錯，基本都是跨域問題
查看全部 -
Module語法：
export:暴露? ? ?import：引入
JS文件中export default{}中的內(nèi)容是別的文件通過inport引入可以使用的
查看全部
舉報
