es6沖刺01

1、let/const

1)作用域:es5中有全局作用域、函數作用域。es6中新增了塊級作用域

2)let定義的變量在所在塊級作用域外失效,嚴格模式下失效后直接報錯,

且不允許重復聲明同名變量

3)const用于聲明常量,聲明時必須賦值,也是在塊級作用域下有效

?

2、解構賦值

1) 數組解構賦值

包含默認值的寫法

{let a,b
[a=0,b]=[1,2]}
{let a,b,arr
[a,b,...arr]=[1,2.3,4,5,6]
//a=1,b=2,arr=[3,4,5,6]

2)對象解構賦值

包含默認值的寫法

{let a,b=6

{a,b}={a:1,b:2 }

}

3)使用場景

變量交換

函數以數組、對象為返回值

選擇性接收數據

下圖輸出1 4

取返回數組首項

a=1 b=[3,4,5]

只要兩邊能匹配,都能解構賦值

?

3、字符串擴展

1)unicode編碼

0XFFFF是unicode單字符編碼的最大范圍

若想輸出編碼值大于0xffff的

用大括號包裹即可;

2)unicode編碼處理新方法

3)字符串新方法

判斷某字符串中是否包含某字符,返回布爾值:

.includes(''char")

判斷某字符串是否已某字符或字符串開頭(結尾)

.startsWith()

.endsWith()

重復n次字符串

.repeat(n)

不足自動在首尾補齊

.padStrat(length,'char')

.padEnd(length,'char')

4)模板字符串

用反引號包裹,讓我們更優雅地拼接變量和字符串

變量用${}進行包裹

5)標簽模板?

?

4、數值擴展

1)

Number添加了許多靜態方法

isFinite() 判斷是否有盡

isNaN() 判斷是否不是數字

isIntegeger()判斷是否整數

2)

取整

Math.truc(num)

判斷正負,返回+/-1 0 NaN

Math.sign(num)

?

5、數組擴展

1)Array

不管元素的類型,返回由參數組成的數組實例

Array.of(arg1,arg2,...)

把偽數組和集合轉換成真正的數組

Array.from(fakeArr)

返回一個新數組,其元素經過callback處理

Array.from(arr,callback)

2)

填充數組,把數組內元素全部換為char

arr.fill(subchar)

指定替換范圍的索引

arr.fill(subchar,start,end)

3)keys/values/entries

arr.keys()

返回arr下標(索引)的集合

arr.values()

返回元素值集合

arr.entries()

返回索引及元素

arr.find/findIndex(function)

前一個返回符合條件的第一個數組元素

或者返回第一個符合條件的索引

arr.inclues(char)

數組中是否包含某值,完全相等,返回布爾類型

?

6、函數擴展
1)默認值

function test(x,y='hello'){...}

test('you')

默認值后面不可以有沒有默認值的變量

2)作用域

輸出kill kill

注意作用域,在函數定義內部先找

3)rest

...arg

類似arguements,將未知的實參合為一個數組

4)擴展運算符

rest的逆運用

...arr

將數組按元素拆成離散的值

5)箭頭函數

匿名函數的新定義方式

(參數1,參數2,...)=>{函數體}

簡寫,只有一個參數時,只有一句返回值的語句

參數=>返回值語句

無參

()=>返回值語句

6)偽調用

某個函數返回另一個函數的調用

?

7、對象擴展

1)鍵的省略

2)屬性表達式

在es5中我們的屬性名總是一個固定的值,在es6中,我們

可以使用表達式來作屬性名了,用中括號包裹即可

var obj={

['a'+'b']:5

}

3)新增api

Object.is(obj1,obj2)

判斷兩個對象是否相等,是嚴格相等

Object.assign(obj1,obj2)

拷貝屬性,淺拷貝。繼承屬性及不可枚舉的屬性不可拷貝

?

轉載于:https://www.cnblogs.com/Tanqurey/p/10589945.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/275532.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/275532.shtml
英文地址,請注明出處:http://en.pswp.cn/news/275532.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

linux網卡固件名,修改CentOS7網卡名稱為傳統名稱eth0格式

使用CentOS7以前系統的小伙伴裝完CentOS7以后發現了一個問題,那就是網卡名改變為了“en016777736”,而不是以前的eth0的簡易模式了,如圖:以往的CentOS7以前的系統網卡命名雖然簡單方便,但也會帶來一些問題,…

Baymard Institute:基于UX的最佳實踐的光榮的,循證的工具

重點 (Top highlight)I realized I wanted to write this piece when I mentioned the Baymard Institute to a User Researcher with 10 years of experience and they had no idea what I was talking about. They aren’t alone! I’ve gotten plenty of raised eyebrows on…

Vue 3.2 發布了,那尤雨溪是怎么發布 Vue.js 的?

1. 前言大家好,我是若川。最近組織了源碼共讀活動,感興趣的可以加我微信 ruochuan12,長期交流學習。之前寫的《學習源碼整體架構系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4十篇源碼文章。…

wireshark使用教程 linux,Linux入門教程:ubuntu下安裝wireshark(以及配置非root),這個強大的工具可以捕...

Linux入門教程:ubuntu下安裝wireshark(以及配置非root),這個強大的工具可以捕Wireshark是世界上最流行的網絡分析工具。這個強大的工具可以捕捉網絡中的數據,并為用戶提供關于網絡和上層協議的各種信息。與很多其他網絡工具一樣,Wireshark也使用pcap net…

IronPython和C#執行速度對比

其實我自己對執行速度這個問題本來并沒有什么興趣,因為以前的經驗告訴我:除非是運算密集型的程序,否則腳本語言和編譯型語言使用起來速度沒有多大差別。但是我們公司有個人知道我的想法以后,天天在我耳邊嚷嚷腳本運行速度太慢&…

基于超級賬本Fabric的供應鏈跟蹤解決方案【開源】

2019獨角獸企業重金招聘Python工程師標準>>> 本項目為基于Hyperledger Fabric區塊鏈的供應鏈資產跟蹤解決方案,項目主要包括鏈碼和Web應用兩部分。Fabric鏈碼采用GOLANG開發,負責維護資產的狀態,后臺為采用Node.js開發的Web應用&a…

同理心案例及故事分享_神經形態,視覺可及性和同理心

同理心案例及故事分享“A good UX designer has empathy”.“優秀的UX設計人員具有同理心”。 This is something every UX designer has heard at some point in their career. Empathy helps us get into the mindset of the user and build solutions that solve real probl…

純CSS實現beautiful按鈕

大家好,我是若川。邀你進源碼共讀群學習交流。今天分享一篇好文。可收藏~近期工作中遇到一個需求——實現一些酷炫的按鈕,看到效果圖之后,按鈕確實漂亮,有彈跳、顏色漸變、掃光、霓虹燈,瞬間激起了我的好奇…

linux的內核有多小,Linux 內核有小bug?

今天讀著讀著Linux代碼,竟然無意中發現Linux 0.11內核有個小bug,呵呵,人非圣賢孰能無過。// 在目錄項數據塊中搜索匹配指定文件名的目錄項,首先讓de 指向數據塊,并在不超過目錄中目錄項數// 的條件下,循環執…

菜單窗口_菜單

菜單窗口The Hamburger Menu widget is on every other site nowadays. It has become synonymous with the web and, perhaps even more so, with web development. Have, for instance, a look at Dribbble or Codepen. There you’ll find a fair share of examples. They c…

帝國cms 打開打開轉換表文件失敗!

帝國cms 升級到最新版6.6 后 生成列表頁面和 搜索 時出現 “打開打開轉換表文件失敗!” 跟蹤文件找到 include($file); 這行代碼時出錯非常納悶,這個是php的內部命令啊,跟帝國的編碼應該沒有關系一直沒有再往下細找,只好根據錯誤提…

怎么在PDF上修改文字,PDF修改文字的步驟

怎么在PDF文件上修改文字呢?其實現在的很多的PDF文件上會出現文字錯誤的情況,想要修改PDF文件上面的文字卻不知道怎么修改,想要修改PDF文件還是比較簡單的,使用專業的PDF編輯器就可以進行操作了,下面小編就為大家分享一…

linux raw限制端口訪出,使用Linux raw socket時需要注意的一些問題

本文的copyleft歸gfree.windgmail.com所有,使用GPL發布,可以自由拷貝,轉載。但轉載請保持文檔的完整性,注明原作者及原鏈接,嚴禁用于任何商業用途。作者:gfree.windgmail.com博客:linuxfocus.bl…

讀完 Vue 發布源碼,小姐姐回答了 leader 的提問,并優化了項目發布流程~

大家好,我是若川。這是 源碼共讀 第三期活動,紀年小姐姐的第三次投稿。紀年小姐姐學習完優化了自己的項目發布流程,而且回答了leader對她的提問,來看看她的思考和實踐。第三期是 Vue 3.2 發布了,那尤雨溪是怎么發布 Vu…

小程序背景圖片的坑

本人是前端菜鳥一個,比小白還要白,這完全是自己的經驗總結,并不是要給各位分享什么寶貴經驗哈,各位大佬不喜勿噴,不然會打擊到我的哈哈因為公司要求做幾個小程序的頁面,我不得不拾起丟棄了幾個月的小程序開…

SimpleAdapter類使用方法

SimpleAdapter的構造函數是&#xff1a; public SimpleAdapter (Context context, List<? extends Map<String, ?>> data, int resource, String[] from, int[] to) 官方說明了其各個參數含義&#xff0c;我這里根據自己的理解解釋下&#xff1a; 第一個context&…

小程序 富文本自適應屏幕_自適應文本:跨屏幕尺寸構建可讀文本

小程序 富文本自適應屏幕Many of you may already know about responsive web design. Cited from Wikipedia, responsive web design (RWD) is an approach to web design that makes web pages render well on a variety of devices and windows or screen sizes. The respon…

Vue、React 之間如何實現代碼移植?

大家好&#xff0c;我是若川。面對前端最火的兩個框架&#xff0c;學 React 還是 Vue &#xff1f;這可能是每個前端人都曾糾結過的問題。不過&#xff0c;現在你不用糾結了——因為很多公司都是兩個框架都有大量的應用&#xff0c;取決于不同團隊的技術選型&#xff0c;特別是…

linux mariadb 亂碼,配置mariadb遠程訪問權限,解決數據庫亂碼問題

配置mariadb遠程訪問權限&#xff1a;1)登錄數據庫:# mysql -uroot -p2)配置授權數據庫用戶遠程訪問權限&#xff0c;%表示所有遠程IP&#xff0c;也可以指定IP。WITH GRANT OPTION表示mysql數據庫的grant表中重新加載權限數據&#xff1a;GRANT ALL PRIVILEGES ON *.* TO 用戶…

平面設計師和ui設計師_游戲設計師的平面設計

平面設計師和ui設計師Design is a very ancient practice, but graphic design really found its core principles post World War One. Games are also very ancient but video games are still finding their feet. I think graphic design has a few things to teach people…