資訊專欄INFORMATION COLUMN
摘要：注意問題，不在是運行時所在的對象箭頭函數(shù)里面沒有用箭頭函數(shù)不能當(dāng)構(gòu)造函數(shù)下一篇入門到進階二循環(huán)數(shù)組對象參考視頻資料經(jīng)典入門到進階
一、簡介
ES6 -> ECMA 標(biāo)準(zhǔn)
ES6 -> 2015年6月 ES6.0
每年6月份，發(fā)布一個版本
ES6環(huán)境:
webpack3.x Traceur二、let、const 2.1 關(guān)于定義(聲明)變量
var a=12; 之前
let let a=12 相當(dāng)于之前的 var
const 常量， 定義好了不能改變
2.2 作用域:全局作用域
函數(shù)作用域
2.3 let注意1.沒有預(yù)解析，不存在變量提升
在代碼塊內(nèi)，只要let定義變量，在之前使用，都是報錯 先定義完，再使用
2.同一個作用域里， 不能重復(fù)定義變量，可以賦值
3.for循環(huán)，for循環(huán)里面是父級作用域，里面又一個
for(let i = 0; i<3; i++){
let i = "abc";
console.log(i);
}
2.4 塊級作用域:
{
//塊級作用域
}
{{{{let a = 12}}}}
if(){xx}
for(){}
while(){}
2.5 const: 特性和let一樣
const定義變量不能修改const定義完變量，必須有值，不能后賦值，不能修改,一般定義配置文件。
但是對象是可以修改的，因為它是引用
凍結(jié)：Object.freeze(對象)，就可以不被修改。
const config={
host:
username:
password:
version:
}
{
//TODO
}
IIFE，立即執(zhí)行匿名函數(shù)
(function(){
//TODO
})()
建議:
以后 就用 let 不要在使用var
const http = require("http");
三、解構(gòu)賦值(重要，常用)
* 非常有用，特別在做數(shù)據(jù)交互 ajax3.1 格式
let [a,b,c] =[12,5, 6];
注意: 左右兩邊，結(jié)構(gòu)格式要保持一致
json:
let {name,age, job} = {
name:"Strive",
age:18,
job:"碼畜"
};
別名：
let {name:n,age:g, job:a} = json;
3.2 解構(gòu)時候可以給默認(rèn)值
let [a,b, c="默認(rèn)值"] = ["aaa","bbb"];
注意：null和undefined，null是一個對象，有值
let a = 12;
let b = 5;
import {a,b,c} from "./mod"
四、字符串模板(常用)
4.1 字符串模板：``
優(yōu)點: 可以隨意換行
`${變量名字}`
字符串連接（以前用：+ ），要死人的。
現(xiàn)在：${變量名字}
let name ="Strive";
let age = 18;
let str = `這個人叫${name}, 年齡是 ${age}歲`;
4.2 關(guān)于字符串一些東西
字符串查找:
str.indexOf(要找的東西) 返回索引(位置) ，沒找到返回-1 str.includes(要找的東西) 返回值 true/false
判斷瀏覽器: includes
字符串是否以誰開頭:
str.startsWith(檢測東西)
檢測地址
字符串是否以誰結(jié)尾:
str.endsWith(檢測東西)
.png
重復(fù)字符串:
str.repeat(次數(shù));
填充字符串:
str.padStart(整個字符串長度, 填充東西) 往前填充
str.padEnd(整個字符串長度, 填充東西) 往后填充
str.padStart(str.length+padStr.length, padStr)
五、函數(shù)(重要)
5.1 函數(shù)變化
1. 函數(shù)默認(rèn)參數(shù)
function show({x=0,y=0}={}){
console.log(x,y);
}
show()
2. 函數(shù)參數(shù)默認(rèn)已經(jīng)定義了，不能再使用let，const聲明
function show(a=18){
let a = 101; //錯誤
console.log(a);
}
show()
5.2 擴展運算符、Rest運算符:
擴展運算符：...
展開數(shù)組：
... :
[1,2,3,4] -> ... [1,2,3,4] -> 1,2,3,4,5
...:
1,2,3,4,5 -> ...1,2,3,4,5 -> [1,2,3,4,5]
剩余參數(shù): 必須放到最后
function show(a,b,...c){
console.log(a,b);
console.log(c);
}
show(1,2,3,4,5)
5.3 箭頭函數(shù):(重要，常用)
=>
let show = () => 1;
格式：
() => return東西
或者
() =>{
語句
return
}
例子：
var f = v => v;
//等同于
var f = function(v){
return v;
}
var sum = (num1,num2) => num1 + num2;
//等同于
var sum = function(num1,num2){
return num1 + num2;
}
[1,2,3].map(function (x) {
return x * x;
});
//箭頭函數(shù)寫法
[1,2,3].map(x => x *x); //簡潔了許多
從例子我們可以看出，省略了function，花括號{}用=>代替了。這種寫法更簡潔了。
注意：
this問題, ，不在是運行時所在的對象
箭頭函數(shù)里面沒有arguments, 用 ‘...’
箭頭函數(shù)不能當(dāng)構(gòu)造函數(shù)
下一篇：ES6入門到進階（二）：循環(huán)、數(shù)組、對象參考視頻資料：ES6經(jīng)典入門到進階
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/107577.html
摘要：優(yōu)點按需加載可以寫中路徑也可以動態(tài)加以后默認(rèn)就是嚴(yán)格模式，默認(rèn)嚴(yán)格模式完參考視頻資料經(jīng)典入門到進階 上一篇：ES6入門到進階（一）：let、解構(gòu)賦值、字符串模板、函數(shù) 一、循環(huán) ES5里面新增一些東西 1.1 arr.forEach()(常用) 1. for for(let i=0; i [{t:aaaa}] let arr = [ ...
摘要：凍結(jié)對象未定義就聲明的變量會默認(rèn)為全局的變量，的變量都?xì)w所有，命令命令命令聲明的全局變量，不屬于頂層對象的屬性即不會歸所有總結(jié)的六種聲明變量注意在瀏覽器環(huán)境指的是對象，在指的是對象。參數(shù)搭配的變量是一個數(shù)組，該變量將多余的參數(shù)放入數(shù)組中。 1.var,let,const區(qū)別 答：(1).var有變量聲明提升，let&&const沒有，這樣導(dǎo)致了let,const必須聲明后才可以訪問...
摘要：返回一個對象，遍歷對象自身和繼承的所有可枚舉屬性不含，與相同和在紅寶書中就已經(jīng)提到過屬性，表示的是引用類型實例的一個內(nèi)部指針，指向該實例的構(gòu)造函數(shù)的原型對象。 半個月前就決定要將ES6的學(xué)習(xí)總結(jié)一遍，結(jié)果拖延癥一犯，半個月就過去了，現(xiàn)在補起來，慚愧慚愧。 阮一峰的《ES6標(biāo)準(zhǔn)入門》這本書有300頁左右，除了幾個新的API和js語法的擴展,真正有價值的內(nèi)容并不多。所謂存在即合理，每部分的...
閱讀 1085·2021-10-19 11:42
閱讀 3058·2021-09-10 10:51
閱讀 756·2021-09-09 09:33
閱讀 1835·2021-09-01 10:43
閱讀 2833·2019-08-30 12:43
閱讀 3571·2019-08-30 11:24
閱讀 2275·2019-08-30 10:56
閱讀 2831·2019-08-29 11:00
