es6 ie不相容 函式 ES6中常用的語法綜述

2021-10-14 02:43:36 字數 1668 閱讀 2164

### let定義

使用let定義變數的優點:

塊作用域:使用{}包起來的部分,形成塊作用域

>作用域:

全域性、區域性、閉包(子函式可以呼叫父函式的變數)

總結:

>塊作用域實際上就是匿名函式自執行

>let支援塊作用域

>let不允許重複定義變數

let+塊作用域的好處:

1.解決了變數衝突的問題

2.解決了迴圈裡面加事件,事件裡的i不能使用的問題

### const定義常量

常量:一經定義,不允許修改

約定:常量的名字通常使用大寫

應用:定義一些不允許修改的值,定義一些庫名

### 字串模板

解決以前字串連線的問題

`————>反單引號

用法:

1、`$`
2、解決字串中間換行的問題

`faadadadwee`————>產生換行(可以相容,之前''寫法不允許字串中間換行)
### 解構賦值用法:賦值左邊和右邊結構相同

例:var [a,b,c] = [12,23,22];-> a=12,b=23,c=22var  = ;-> a=20,b:50,c:100
1.左邊和右邊結構必須一致

2.右邊必須是個型別:

右:[1,2,3] //正確 //正確 //錯誤
3.賦值必須在定義的同時完成

var[a,b,c];[a,b,c]=[1,2,3]
###map和json相似,也是 鍵/值 對 的形式

鍵/值 對:key ————value

let json = {};json.a = 12;delete json.a;for(let name in json)
定義新的map

let map=new map();
設定

map.set('key','value');
獲取

map.get('key');
刪除

map.delete('key');
迴圈for...of

1) for(let item of map)---- item 是 map中的每一項,key,value---- item 是陣列2) for(let [key,value] of map)3) map.entries() —— map 中的所有條目(預設) for(let item of map.entries()){}4)map.keys()map.values()

ES6相容ie9, flex相容ie9

vue相容es6 在 ie9 的環境上,es6 的部分新物件 表示式,並不支援,解決方案是使用babel polyfill元件,它可以將 es6 的 翻譯成低版本瀏覽器可以識別的 es5 npm install babel polyfill s e 安裝完成後,在專案的主入口檔案main.js的首行...

es6箭頭函式

本例是在了解es6知識後在原來定義函式的基礎上進行理解var searchvalue 查詢匹配物件 var button var input var select button if searchvalue.input undefined button.click else 重新整理 tableli...

ES6 函式擴充套件

函式在js裡是相當重要的一部分了,es6裡也新增了一些函式方法,來看一下 test hello hello world test hello kill hello kill es6增加了函式引數預設值,可以直接在宣告引數的同時賦預設值,但是也可以後面重新賦值 test2 kill 括號內有引數x時,...