ES6基礎 const與let關鍵 解構 字串

2021-10-09 01:37:16 字數 2927 閱讀 4805

const的特點

1.宣告常量

2.宣告必須賦值

3.不能修改

4.建議變數名大寫

let的特點

1.區域性變數,只在最靠近的乙個塊中(花括號內)有效

2. 不能重複

3. 不能變數提公升

解構:自動解析陣列或物件中的值。

解構-陣列的特點

解構把物件,或者陣列按一定規則解析為變數

1.基礎預設

2.交換變數

3.剩餘值

4.跳過忽略

5.預設值

6實現淺拷貝複製

//01.基礎解構

// 02交換變數[a,b]=[b,a]

let arr=[1

,3,5

,7,9

];let[a,b,c]

=arr;

console.

log(

'a:'

,a);

console.

log(

'b:'

,b);

console.

log(

'c:'

,c);

//剩餘值

let arr=[1

,3,5

,7,9

];let[a,

...b]

=arr;

console.

log(a,b)

;//跳過,忽略

let arr=[1

,3,5

,7,9

];let[

,a,,

,b]=arr;

console.

log(a,b)

;//預設值

let arr=[1

,3,7

];let[a,b,c=

100]

=arr;

console.

log(a,b,c)

;//實現淺拷貝複製

var arr=[1

,3,5

];var arr1=

[...arr]

; arr1[1]

=100

; console.

log(arr,arr1)

;<

/script>

解構-物件的特點

1.基本預設值

2.物件沒有順序

3.剩餘

4預設值

5複製

//基本預設值

var obj=

;//沒有順序

let=obj;

console.

log(name,weight)

;//剩餘

let=obj;

console.

log(weight,rest)

;//預設值

let=obj;

console.

log(name,eye)

;//複製

var obj2=

; obj2.name=

'zql'

; console.

log(obj,obj2)

;<

/script>

字串

1.trim去空格

2.repeat重複

3.for of 遍歷

4.includes包含

5.stratwith開頭

6.endswith結尾

7.padstart填充

8.字串模板

//es5新增方法

//trim()補空格

var str1=

"我 愛 我的祖國"

; console.

log(str1.

trim()

);console.

log(str1.

trimleft()

);console.

log(str1.

trimright()

);//repeat()重複

var str2=

"你你好"

; console.

log(str2.

repeat

(100))

;//es6遍歷 for of

var str3=

"再見吧再見"

;for

(let s of str3)

//includes包含

//startwith開頭

//endwith結尾

var str4=

"我愛你就像老鼠愛大公尺"

; console.

log(str4.

includes

('愛'))

; console.

log(str4.

startswith

('愛'))

; console.

log(str4.

endswith

('大公尺'))

;//填充

var mm=

'1';

mm=mm.

padstart(3

,'0');

console.

log(mm)

;//字串模板

var name=

'曾慶林'

;var age =18;

var str=

$,今年

$歲了`

;<

/script>

ES6的let與const命令

1.塊級作用域 乙個大括號 所包起來的內容就是乙個塊級作用域 let和const就是塊級作用域,2.嚴格模式 use strict 3.如果在同乙個塊級作用域中,let乙個變數不能重複使用,每乙個變數名只能被let一次,const也是這樣的。4.const定義的是乙個常量,這個常量不能被修改,但是如...

ES6新增的let與const

宣告常量,一旦宣告必須立馬賦值,否則報錯 const pi 3.14 const pi 報錯 uncaught syntaxerror missing initializer in const declaration 常量賦值以後,不能改變,否則同樣報錯 const pi 3.14 pi 3 報錯 ...

ES6的let 與 const 的用法

現在es6的 寫法越來越普及了,但具體在使用的過程中不有一些疑問,乙個具體的細節。就是let和const的區別使用。es6 新增了兩個宣告兩個宣告識別符號的方式 let 和 const。其實我個人是沒有其他語言基礎的,第一次看到這兩個定義,瞬間懵逼有沒有。塊是什麼鬼?物理指標還能勉強理解。conso...