前端VUE框架 es6

2022-05-14 16:06:07 字數 1738 閱讀 2928

emcascript 6 又叫 es2015

1、常量和變數

常量: const a = "

hello

"常量不能修改和重複定義

變數:let:定義乙個塊級作用域的變數

需要先定義再使用;(不存在變數提公升)

不能重複定義

可以被修改

var:定義乙個變數

存在變數提公升

變數提公升: 先使用後定義和賦值

undefined

// var b = 123456;

詳解://var b;

undefined

// b = 123456;

js的資料型別:

string array number null undefined boolean object

基本資料型別:string number null undefined boolean

引用型別:array object

"en

">

view code

2、模板字串

通過反引號來使用,字串當中可以使用變數

可以當作普通字串來處理

可以使用多行字串

"en

">

view code

3、解構變數

解構變數的結構要一樣,結構物件時被賦值的變數要和物件內的key一樣

"en

">

view code

4、物件的擴充套件

物件當中的屬性可以簡寫

物件當中的方法也可以簡寫

"en

">

view code

5、函式的擴充套件

可以給函式預設引數

剩餘引數:function fun2(x=3,...y)

fun2(x=2,y=3,z=4,5)

"en

">

view code

6、陣列的擴充套件

1)判斷陣列當中是否存在某個數值

console.log(arr.indexof(1000)) //沒有列印 -1 ,有則列印數值的索引

console.log(arr.includes(201)) // false或true

2)對陣列的遍歷

var arr = [78,89,90,21];

arr.foreach(function (value,index) )

var arr2 = arr.map(function (value,index) )

console.log(arr2); //[79, 90, 91, 22]

let arr3 = [11,22,33]

for(var i in arr3)

for(var i of arr3)

3)對陣列的過濾

var arr4 = arr.filter(function (value,index) )

console.log(arr4); // [78, 89, 90]

7、類擴充套件

前端 ES6總結

1 arr.push 在陣列末尾新增元素,返回陣列長度 let arr 1,2,3 let length arr.push 4 console.log length 4console.log arr 1,2,3,4 2 arr.unshift 在陣列首位新增元素,返回陣列長度 let arr 1,2...

前端知識整理 ES6

es6 1 模組化 export default export function fn1 export function fn2 import util from util1.js import from util2.js 2 使用babel npm install babel core babel...

前端學習筆記 ES6

1 塊級作用域 任何一對花括號 中的語句集都屬於乙個塊,在塊中宣告的變數在 塊外都是不可訪問的,稱之為塊級作用域,es5以前沒有塊級作用域 2 let 關鍵字 let用於宣告變數 類似於var 其宣告的變數只在當前 塊內有效,實際上是建立了塊級作用域 1 建立塊級作用域 if true consol...