ES6快速入門

2021-09-08 11:49:27 字數 2679 閱讀 5716

三種語法實現同乙個功能,從而加深對三種語法的運用,最後了解es6的優勢

知識點:常量、作用域、箭頭函式、預設**、物件**

// es5 中常量的寫法

object.defineproperty(window,"pi2", )

console.log(window.pi2)

// es6 的常量寫法

const pi = 3.1415926

console.log(pi)

// pi = 4

// es5 中的作用域

var callbacks = ;

for(var i = 0;i <= 2; i++)

}console.table([

callbacks[0](),

callbacks[1](),

callbacks[2]()

])// es6 中的作用域

const callbacks2 =

for (let j = 0; j <= 2; j++)

}console.table([

callbacks2[0](),

callbacks2[1](),

callbacks2[2]()

]);// es5 中的作用域函式

((function ()

console.log("foo()===1", foo() === 1);

((function()

console.log('foo() ===2', foo() === 2)

})())

})())

// es6 中的作用域函式

注意:es3和es5中需要使用立即執行函式才可以把作用域進行隔離,es6則是{}就可以實現了

)

console.log(evens,odds);

} console.log(evens,odds);

} }

} console.log(new factory().c.b());

}; }

console.log(new factory().c.b());

}

注意:簡單物件(非函式)是沒有執行上下文的!

if(z === undefined) 

return x + y + z

} console.log(f(1,3))

} console.log(f(1,3))

} function f(x = checkparameter(), y =7, z = 42)

console.log(f(1))

try catch (e) finally })

return sum

} console.log(f(1,2,3))});

return sum

} console.log(f(1,2,3,6))

}

this.get = function (key) 

this.set = function (key, value)

}} // 宣告乙個例項

var person = new person();

// 讀取

console.table();

// 修改

person.set('name','es3-name');

console.table();

try );

} catch(e) }

object.defineproperty(person,'***',)

console.table();

person.name = 'es5-cname';

console.table();

try );

} catch(e)

} // person是將來暴露給使用者操作的物件,把這個person保護起來,person通過proxy和person的資料掛鉤的

let person = new proxy(person,,

set(target,key,value) }})

console.table();

try catch (e) finally

}

通過**來進行各種邏輯的操作

ES6快速入門

引數配置 promise物件 const 宣告的常量不可改變,宣告時必須初始化 const pi 3.1415926 console.log pi 使用const定義的陣列和物件,其值是可變的,但是不能對其進行重新賦值 const a a 0 1 console.log a 0 輸出1 const ...

es6 快速入門 系列 解構

其他章節請看 es6 快速入門 系列 我們經常使用陣列或物件儲存資料,然後從中提取出相關資料資訊 以前開發者為了從物件或陣列中提取出特定資料並賦值給變數,編寫了很多重複的 就像這樣 function demo1 obj demo1 es6引入新特性 解構。來解決上面的問題,請看下面 function...

ES6快速入門 類與物件

1.4 繼承 1.5 重寫 1.6 super 2.物件 關鍵字 class class people 關鍵字 constructor 說明 建構函式在物件建立的時候就會自動呼叫 class people 1.3.1 屬性 注意點 第乙個this指向people例項,當然,此時的people還未建立...