JS8 20 ES6語法,箭頭函式,class

es6中在編寫物件的時候有了新的方法,我們通過**來看看:

var name="karen"
var rank="_cd"
var grand=100
var arr=["userid","1234"]
var obj=,//這裡相當於say: f say()
say2(name),
say3(),
say4:function () ,
say5:(num1,num2)=>,
["say"+6](),
["say7"]:function () ,
["say8"]:(num1,num2)=>,
}console.log(obj)
obj.say()
obj.say2(100)
obj.say3()
obj.say4()
obj.say5(100,90)

列印結果如圖:

es6中還有部分物件的方法:

let person = ;
let someone = ;
let arr1=array.from(person)//[...person] 把person這個物件轉成陣列
let s1=new set(...person)
console.log(someone,arr1); //
let person = ;
// let someone = ;//先賦值的key會被後續賦值的覆蓋
let someone = ;//這裡mike就被amy覆蓋了
console.log(someone);
console.log(+0===-0)
var re=object.is(+0,-0)
console.log(re)
object.is()相當於===判斷
var re = nan === nan //false 注意
console.log(re)
var re = object.is(nan, nan)//這裡為true 可以理解為 nan和nan這兩個單詞一樣
console.log(re)

通過**來看:

var arr=
console.log(arr)
var re=new array(10)
var re=new array(10,20)
console.log(re)//[10,20]
var re=array.of(10,20)//也是為陣列新增了10,20
console.log(re)

array.from()把乙個可列舉的物件轉為陣列

var str="hello華清遠見"
var re=array.from(str)
console.log(re)

更多的es6的陣列的方法:

find()來尋找陣列中符合判斷的值返回他
let arr = array.of(1, 2, 3, 4);
console.log(arr.find(item => item > 2)); // 3
findindex()找到符合判斷的值返回他的下標
let arr = array.of(1, 2, 1, 3);
console.log(arr.findindex(item => item = 1)); // 0
fill()將一定範圍索引的陣列元素內容填充為單個指定的值。
let arr = array.of(1, 2, 3, 4);
// 引數1：用來填充的值
// 引數2：被填充的起始索引
// 引數3(可選)：被填充的結束索引，預設為陣列末尾
console.log(arr.fill(0,1,2)); // [1, 0, 3, 4]
includes()判斷陣列中是否有()中的值,返回布林值

箭頭函式的基礎語法:

var fn1=(num)=>//num為形參  {}內的為函式裡的內容
fn1(100)//100 6666
var fn2=num=>console.log(num)//只有一行**省略了{}
fn2(100)
var fn4=n=>n*n//省略大括號時,return值就為執行的值
var re=fn4(1000)
console.log(re)//所以這裡列印1000000

箭頭函式+解構賦值:

var fn5=(userid,pwd)=>[userid,pwd]//();
var re=fn5("karen","1234")
console.log(re)

函式中使用箭頭函式:

function fn() 
}obj.say()
}

箭頭函式常用使用場景:

function fn (cb) 
var obj=)}}
obj.say()
console.log(obj)

es6中構建函式中用到了constructor方法,物件的原型物件的constructor屬性指向了這個物件的建構函式

建構函式的意義:①建立物件②物件型別劃分

class person ;
this.say2=()=>; 
};father(){};
// a=20;//api裡沒有這個語法==>瀏覽器做了這個功能
static father()
} 
class student extends person 
}son1(){};
static son1()//這裡給son1新增了靜態方法
}// console.log(typeof person)
// console.log(person())
var p1=new person("karen","18")
console.log(p1)
p1.say2()
person.father()
var s1=new student()
console.log(s1)
s1.sonsay1()
s1.son1()
student.son1()
console.log(s1.__proto__.constructor)

ES6新增語法箭頭函式

es6箭頭函式的基本結構 const fn 左邊是函式的引數右邊是函式的函式體如果es6箭頭函式只有一句並且的執行結果就是es6箭頭函式的返回值函式體大括號可以省略 cosnt sum n1,n2 n1 n2 const result sum 10,20 log result functi...

ES6新語法箭頭函式

箭頭函式箭頭函式實質就是乙個函式固定格式的簡寫簡寫的規則 function 改為讀為goesto 如果只有乙個形參，可以省略形參小括號如果有0個或多個形參就不能省略形參小括號如果函式體只有一句話，就可以省略函式體大括號如果函式體只有一句話，並且這一句話是return 返回值那麼re...

es6箭頭函式

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

JS8 20 ES6語法,箭頭函式,class

ES6新增語法 箭頭函式

ES6新語法 箭頭函式

es6箭頭函式

相關推薦

ES6新增語法箭頭函式

ES6新語法箭頭函式