javascript es6的常用語(yǔ)法你知道嗎
更新時(shí)間：2022年01月23日 14:58:34 作者：kenneth_zh
這篇文章主要為大家介紹了javascriptes6的常用語(yǔ)法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助
1.const常量標(biāo)識(shí)
1.不允許重復(fù)聲明賦值
const args='kenneth' const args="kenneth"
es5實(shí)現(xiàn)聲明常量
Object.defineProperty(window,"args",{
value: ' this is es5',
writable: false
})
2.塊級(jí)作用域
if(true){
const args=123
}
console.log(args)
3.無(wú)變量提升
console.log(args) const args=1
var args=123 console.log(window.args) //123 cosnt args1=456 console.log(window.args1) //cosnt不在window中
4.dead zone (死區(qū))
if(true){
console.log(infor)
const infor=123
}
專屬報(bào)錯(cuò)：
5.let or cosnt
const obj={
id:1,
age:18,
name:'aaa'
}
obj.age=19 // cosnt 創(chuàng)建一個(gè)對(duì)象，對(duì)象中的屬性可以被改變
//解決：凍結(jié)對(duì)象,一個(gè)被凍結(jié)的對(duì)象再也不能被修改
Object.freeze()
const obj2={
id:2,
name:'bbb',
age:20,
food:['banana','apple']
}
Object.freeze(obj2)
obj2.age=21 //被Object.freeze（）凍結(jié)后，不可以改變
obj2.foods[1]='pear' //可以改變 freeze只能凍結(jié)根層 嵌套引用類型需要嵌套遞歸
//實(shí)現(xiàn)創(chuàng)建引用類型：
function deepFreeze(obj) {
Object.freeze(obj);
(Object.keys(obj) || []).forEach((key) => {
let innerObj = obj[key]
if (typeof innerObj === 'object') {
deepFreeze(innerObj);
}
}
)
}
const tempObj = {
id: 23,
name: '1',
food: ['banana', 'apple']
}
deepFreeze(tempObj)
總結(jié)
本篇文章就到這里了，希望能夠給你帶來(lái)幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
1.const常量標(biāo)識(shí)
1.不允許重復(fù)聲明賦值
const args='kenneth' const args="kenneth"
es5實(shí)現(xiàn)聲明常量
Object.defineProperty(window,"args",{
value: ' this is es5',
writable: false
})
2.塊級(jí)作用域
if(true){
const args=123
}
console.log(args)
3.無(wú)變量提升
console.log(args) const args=1
var args=123 console.log(window.args) //123 cosnt args1=456 console.log(window.args1) //cosnt不在window中
4.dead zone (死區(qū))
if(true){
console.log(infor)
const infor=123
}
專屬報(bào)錯(cuò)：
5.let or cosnt
const obj={
id:1,
age:18,
name:'aaa'
}
obj.age=19 // cosnt 創(chuàng)建一個(gè)對(duì)象，對(duì)象中的屬性可以被改變
//解決：凍結(jié)對(duì)象,一個(gè)被凍結(jié)的對(duì)象再也不能被修改
Object.freeze()
const obj2={
id:2,
name:'bbb',
age:20,
food:['banana','apple']
}
Object.freeze(obj2)
obj2.age=21 //被Object.freeze（）凍結(jié)后，不可以改變
obj2.foods[1]='pear' //可以改變 freeze只能凍結(jié)根層 嵌套引用類型需要嵌套遞歸
//實(shí)現(xiàn)創(chuàng)建引用類型：
function deepFreeze(obj) {
Object.freeze(obj);
(Object.keys(obj) || []).forEach((key) => {
let innerObj = obj[key]
if (typeof innerObj === 'object') {
deepFreeze(innerObj);
}
}
)
}
const tempObj = {
id: 23,
name: '1',
food: ['banana', 'apple']
}
deepFreeze(tempObj)
總結(jié)
本篇文章就到這里了，希望能夠給你帶來(lái)幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
JS函數(shù)經(jīng)常使用的比較多比如獲取頁(yè)面地址參數(shù)、地址跳轉(zhuǎn)、判斷是否數(shù)字等等，在本文整理了一些，感興趣的可以參考下2013-10-10
javascript學(xué)習(xí)筆記（六）數(shù)據(jù)類型和JSON格式
JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式，我們稱之為JavaScript對(duì)象表示法。使用JSON進(jìn)行數(shù)據(jù)傳輸?shù)膬?yōu)勢(shì)之一是JSON實(shí)際上就是JavaScript。它基于ECMAScript第3版中JavaScript對(duì)象字面量語(yǔ)法子集的一種文本格式。2014-10-10
詳談DOM簡(jiǎn)介及節(jié)點(diǎn)、屬性、查找節(jié)點(diǎn)的方法
下面小編就為大家分享一篇詳談DOM簡(jiǎn)介及節(jié)點(diǎn)、屬性、查找節(jié)點(diǎn)的方法，具有非常好的參考價(jià)值，一起跟隨小編過(guò)來(lái)看看吧，希望對(duì)大家有所幫助2017-11-11
JSON是一種數(shù)據(jù)交換格式，而JSONP是一種依靠開發(fā)人員的聰明才智創(chuàng)造出的一種非官方跨域數(shù)據(jù)交互協(xié)議,本文從理論到實(shí)踐詳細(xì)的講解了JSON和JSONP的使用2013-11-11
javascript 數(shù)組學(xué)習(xí)資料收集
由于javascript 數(shù)組應(yīng)用比較廣泛，使用的朋友越來(lái)越多，腳本之家特為大家整理了一些js 數(shù)據(jù)方面的學(xué)習(xí)資料，大家看完了，基本上應(yīng)該對(duì)數(shù)組有個(gè)理解了。2010-04-04
Javascript new Date().valueOf()的作用與時(shí)間戳由來(lái)詳解
本篇文章小編為大家介紹，Javascript new Date().valueOf()的作用與時(shí)間戳由來(lái)詳解。需要的朋友參考下2013-04-04
這篇文章主要為大家介紹了前端變量函數(shù)命名規(guī)則的總結(jié)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要介紹了Javascript中的this，有需要的朋友可以參考一下2013-12-12
三個(gè)js循環(huán)的關(guān)鍵字示例(for與while)
這篇文章主要介紹了三個(gè)js循環(huán)的關(guān)鍵字示例，主要是for與while,需要的朋友可以參考下2016-02-02
javascript實(shí)現(xiàn)dom元素可拖動(dòng)
HTML DOM 是 W3C 標(biāo)準(zhǔn)（是 HTML 文檔對(duì)象模型的英文縮寫，Document Object Model for HTML）。通過(guò) DOM，可以訪問(wèn)所有的 HTML 元素，連同它們所包含的文本和屬性?？梢詫?duì)其中的內(nèi)容進(jìn)行修改和刪除，同時(shí)也可以創(chuàng)建新的元素。2016-03-03