2 前端技術ES6學習(基礎語法)

2021-10-08 16:14:01 字數 3219 閱讀 6388

2.2.1 let作用範圍學習

>

//es6如何定義變數,定義變數的特點 使用let進行定義

//var 定義變數和let定義變數的區別 let有作用範圍

//1.測試就是在**塊裡邊定義變數在外面取值 測試作用域

//2.在**塊外輸出資料

console.

log(a)

; console.

log(b)

;//uncaught referenceerror: b is not defined

script

>

2.2.2 let定義變數規則
>

var a=10;

var a=12;

let c=10;

let c=20;

console.

log(a)

; console.

log(c)

;//uncaught syntaxerror: identifier 'c' has already been declared

script

>

2.2.3 const常量定義規則
>

//定義常量

constpi=

"3.1415926"pi=

2;//uncaught typeerror: assignment to constant variable.

//常量一經定義不能改變,且定義常量需要初始化

script

>

2.2.4 解構賦值
>

//傳統寫法

let a=

1,b=

2,c=3;

console.

log(a,b,c)

;//es6寫法

let[d,e,f]=[

4,5,

6]; console.

log(d,e,f)

;script

>

>

//傳統寫法

let user=

let name1=user.name

let age1=user.age

console.

log(name1+

"=="

+age1)

//es6寫法

let=user

console.

log(name+

"=="

+age)

script

>

2.2.5 模板字串 `
>

//1.使用`實現換行

let str=

`hello,

es6`

console.

log(str)

//2.在`符號裡面使用表示式獲取變數值

let name=

"mike"

let age=

18let str2=

`hello

$,age is$`

console.

log(str2)

//3.字串中呼叫函式

functionf(

)let str3=

`game start,$`

console.

log(str3)

script

>

2.2.6 宣告物件
>

const name=

"xuan"

const age=

18//傳統寫法

const user1=

console.

log(user1)

//es6寫法

const user2=

console.

log(user2)

script

>

2.2.7 定義方法的簡寫方式
>

//傳統定義方法的方式 person1相當於類名 sayhi,sayhello相當於方法名

const person1=

, sayhello:

function()

}//呼叫方法

person1.

sayhi()

person1.

sayhello()

//es6定義方法的方式

const person2 =

,sayhello()

} person2.

sayhi()

person2.

sayhello()

script

>

2.2.8 物件拓展運算子
>

//1.拷貝物件

let person1 =

let someone=

console.

log(someone)

//2.合併物件

let age=

let name=

let person2=

console.

log(person2)

script

>

2.2.9 箭頭函式
>

//箭頭函式提供了一種更加簡潔的函式書寫方式

//1.傳統

varf1

=function

(a) console.

log(f1(

2))寫法

varf2

=a=>a

console.

log(f2(

2))//當箭頭函式沒有引數或者有多個引數需要用()括起來

//當箭頭函式有多句返回值語句時 需要加{} 大括號 如果只有一行返回值語句時 {}可省略

varf3

=(a,b)

=>

console.

log(f3(

2,4)

)varf4=

(a,b)

=>a+b

console.

log(f4(

6,4)

)script

>

前端es6基礎語法

var是宣告全域性的變數,作用域是全域性,const是宣告全域性的常量,不能修改,而let是塊級變數只在當前宣告的作用域中生效 console.log a 列印a的值 console.log b 報錯 referenceerror b is not defined 直接列印a的值,檔案中沒有宣告a ...

ES6 基礎語法

1 var vs let const var 可以定義全域性變數,與之不同,let的重要特性就是提供了塊級作用域和不具備變數提公升。const主要用於定義常量,常量顧名思義不是變數,意思就是一經定義,值就無法改變。首先弄明白塊級作用域 es5中有全域性作用域與函式作用域,塊級作用域是es6中的新語法...

ES6基礎語法

let 變數 不具備變數提公升特性 const 常量 引用位址不可改變 在宣告時必須被賦值 let和const都是塊級作用域 只在最靠近的乙個塊中 花括號內 有效 在es6中新增了模板字串拼接 var name kingfan var age 18 var msg 我是 今年 歲 console.l...