第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

ES6進(jìn)階指導(dǎo)

搭建環(huán)境準(zhǔn)備

ES6進(jìn)階指導(dǎo)

ES6課程內(nèi)容:

常量

作用域

箭頭函數(shù)

默認(rèn)參數(shù)

對(duì)象代理

不讓ES5自動(dòng)變成ES6的語法：‘/* eslint-disable */’

ES6的常量寫法：const 常量名=值；

ES6的作用域：‘let’、 ‘{ }’

箭頭函數(shù)：（）=>{? ?}? ?

箭頭函數(shù)中this的作用域是指向定義函數(shù)的實(shí)例

而普通函數(shù)中的this作用域是指向其上一級(jí)

數(shù)組遍歷：let add=數(shù)組名.map(v=>v+1); console.log(add);

ES6默認(rèn)值：

在函數(shù)聲明的時(shí)候就賦予了初始值，

function f(x,y=9,z=10){ return x+y+z}

判斷x是否賦值:

function check(){ throw new Error('can\'t be emptry')}

function f(x=check(),y=9,z=10){ return x+y+z}

ES6合并數(shù)組：

var param=['hello',true,1];

var other=[1,2,...param];

ES6可變參數(shù)：

function f(...a){

var sum=0;

a.forEach(item=>{sum+=item*1});

return sum;

} //調(diào)用函數(shù)，f（1,2,3,4）

ES6對(duì)象代理，保護(hù)數(shù)據(jù)：

let Person={name:'es6',sex:'male'};

let person=new Proxy(Person,{

????get(target,key){return target[key]},

????set(target,key,value){if(key!=='sex'){target[key]=value;}}

})

es6環(huán)境搭建

通過代理層對(duì)原始對(duì)象進(jìn)行讀寫，保護(hù)原始數(shù)據(jù)：

proxyer 代理層暴露給用戶的時(shí)候不能直接操作proxy原始數(shù)據(jù)，只能操作proxyer ，從而達(dá)到保護(hù)原始數(shù)據(jù)的效果

ES6 進(jìn)階：

//?ES5合并數(shù)組：
?arr1.concat(arr2);
?
//?ES6?合并數(shù)組：
var?arr1?=?['hello',true.7];
var?arr2?=?[1,2,...arr1];
console.log(arr2);

1.arguments 不是真正意義上的數(shù)組，ES5轉(zhuǎn)化成數(shù)組：

var a = Array.prototype.slice.call(arguments); 后方可使用數(shù)組的方法forEach();

2. ES6 可變參數(shù)：...a?

{
?function?checkParam(){?//?檢測(cè)必要參數(shù)有沒有傳入
???throw?new?Error('can\'t?be?empty');
?}
?function?f(x?=?checkParam(),y?=?3,z?=?5){
????return?x?+?y?+?z;
?}
?console.log(f(1));?//?
?
?try{
???f();//?沒寫必要參數(shù)
?}?catch(err){
???console.log(err);
?}?finally{
?
?}
?
}

ES6 默認(rèn)參數(shù)的寫法：

function?f(x,y?=?3,z?=?5){
????return?x?+?y?+?z;
}
console.log(f(1));//9
console.log(f(1,2));//8

箭頭函數(shù)體中this的指向是定義時(shí)this的指向。

如此處b:()...在定義時(shí)“this.a”中this指向的是factory函數(shù)體中d的this,而factory函數(shù)體中d的this指向的是構(gòu)造函數(shù)的實(shí)例。所以這里最終輸出結(jié)果為"a"

{
????var?factory?=?function(){
??????this.a?=?"a";
??????this.b?=?"b";
??????this.c?=?{
????????a:?"a+",
????????b:?()?=>?{
??????????return?this.a
????????}
??????}
????}
????console.log(new?factory().c.b());?//?a
}

ES6 const 定義常量（只能只讀，不能寫入）

普通函數(shù)中this 的指向是該函數(shù)被調(diào)用的對(duì)象。

如這里函數(shù)b()被對(duì)象c調(diào)用，this就指向?qū)ο骳。