學js
箭頭函式
es6中可以使用 => 作為函式表達形式,極簡風格,引數+ => +函式體。
1、不帶引數
function()
//等價於()
=>
2、帶引數function
(a)//等價於
(a)=>
//乙個引數時可以不寫括號
//等價於
a =>
//如果函式裡只有一條語句,可以省略return和{}
3、帶引數且函式裡只有一條返回語句,可以省略return和{}function
(a)//等價於
a => a+
1
this
1、箭頭函式中的 this 指的不是window,是物件本身。
2、每個函式物件裡面都有乙個this,但是箭頭函式裡沒有this,所以其this指向至所有箭頭函式物件頂部
3、dom元素屬於乙個物件,但函式呼叫如果是箭頭函式,this指向就不是當前dom
$
("div").
on("click"
,function()
)$("div").
on("click",(
)=>
)
let、const
1、let和const表示區域性定義(推薦大家使用let)
2、const 表示在區域性作用域定義乙個常量,每個作用域不能被修改
3、只能在塊級及其下引用
4、每次乙個函式重新呼叫,屬於乙個新的塊,新的作用域,所以定義const每次呼叫時變化不會報錯
解構賦值
解構賦值是es6中推出的一種高效、簡潔的賦值方法。
相當於造乙個你需要解析的物件或陣列相同樣式的模板,然後具體每乙個零件對應的相應位置的值。
**:
//通常情況下
var first = somearray[0]
;var second = somearray[1]
;var third = somearray[2]
;//解構賦值
let[first, second, third]
= somearray;
//比上面簡潔多了吧
//還有下面例子
let[
,,third]=[
1,2,
3];console.
log(third)
;//3
let[first,
...last]=[
1,2,
3];console.
log(last)
;//[2,3]
//物件解構
let=
;console.
log(name)
;//lisi
console.
log(age)
;//20
let=
;console.
log(ept)
;//undefined
模版字串
反引號`` (位置:鍵盤第二排第乙個按鍵字元 )
裡面可以直接巢狀變臉內容$內容
let name =
"hesilaio"
, time =
"2020.2.23 23:59"
;`my name is
$, now time:$`
第乙個部落格,望給大家有所幫助,謝謝支援! es6 基本語法
es6規定暫時性死區和let const語句不出現變數提公升,主要是為了減少執行時錯誤,防止在變數宣告前就使用這個變數,從而導致意料之外的行為。這樣的錯誤在 es5 是很常見的,現在有了這種規定,避免此類錯誤就很容易了。總之,暫時性死區的本質就是,只要一進入當前作用域,所要使用的變數就已經存在了,但...
es6基本語法
1.es6基本語法 變數的宣告 let 限制作用域 塊 const 常量 唯讀不可更改 const pi 3.14156 console.log pi pi 3.14 console.log pi let a 1 var a for var i 0 i 10 i a 6 輸出10 直接跳轉到最大值 ...
ES6基本語法使用
let 宣告變數 形成塊級作用域 比如if for while 變數宣告不會被提公升 迴圈中解決下標是最後乙個值的問題 const 宣告常量 宣告後賦值 且該值不會被修改 和let一樣是塊級作用域 結構賦值 一 陣列賦值 例子1 左右相同賦值 var a,b,c,d 1,2,3,4 例子2 左右不同...