前端素材 設計元素 界面設計 網頁素材 網站模板 按鈕素材 名片素材 字體設計 圖標設計 生活百科

ES6語法大全

前端素材 技術02-千編萬碼 2月前  次瀏覽

1.變量


    let 局部變量
    const 常量

    var 全局變量    


2.字符串的拓展

    
let str = "123"
str.includes("1")//true  includes方法 是否包含
str.startsWith("2")//false 是否以2開頭
str.endsWith("2")//false 是否以2結尾


3.解構表達式

//數組解構
let arr = [1,2,3]
const [x,y,z] = arr;// x,y,z對應 1,2,3 
//對象解構
const person = {
	name:"jack",
	age:21,
	language:['java','php'],
}
let {name,age,language} = person 
//自定義命名
let {name:n,age:a,language} = person 



4.函數的優化

//參數上面的優化=1,指當b沒有值時默認為1
function test(a,b=1){
console.log(a+b)
}



 

5.箭頭函數


//Demo1  單個參數
var demo1= fucntion demo1(obj){
console.log(obj)
}
箭頭函數簡化為: var demo1= obj =>console.log(obj);

//Demo2  兩個參數
var sum =function(a,b){
	console.log(a+n)
}
箭頭函數簡化為: var sum = (a,b)=>console.log(obj);

//Demo3 沒有參數
let sayHello = ()=>console.log("hello!");

//Demo4 代碼不止一行 使用 {}
var sum = (a,b)=>{
	console.log(a+n);
	console.log(a+n)
}

//Demo5 對象的函數簡寫
let person ={
	name:“jeck”;
	//原來
	eat:function(food){
		console.log(this.name +food)
	}
	//箭頭函數
	eat2:food=>console.log(this.name +food)
	
	//簡寫版
	eat3(food){
	console.log(this.name +food)
	}
}
//Demo6:箭頭函數配合解構表達式
let person ={
	name:“jeck”;
	eat2:food=>console.log(this.name +food)
}
function test1(person){
	console.log(person.name);
}
//簡化調用函數 使用{}傳參數,傳入對象
var test1=({name})=>console.log(name);
test1(person );



6.map和reduce函數

map 讓原來的集合經過map中的函數 進行處理回調

let arr = ['1','2','3'];
arr.map(s=>parseInt(s))//字符串轉化為內證書 

//reduce() 接收一個函數和一個初始值
第一個參數時上一次reduce的處理結果
第二個參數是數組中要處理的下一個元素
const arr = [1,20,30,40]
arr.reduce((a,b)=>a+b)



7.拓展運算符(三個點…)

將一個數組轉為用逗號分隔的參數序列

function add(a,b){
return a+b;
}
var number = [1,2];

//數組合并
var arrs=[...[1,2,3],...[4,5,6]];//[1,2,3,4,5,6]
//將字符串轉為數組
console.log([...'hello'])//['h','e','l','l','o']



8.promise

函數格式

const promise = new promise(function(resolve,reject){
	//操作
	//if(success){
		resolve(value);//成功
	}else{
		reject(error)//失敗
	}
})
//執行完了在執行一些東西的話
promise.then(function(value){
	//異步回調
}).catch(function(error){
	//異?;卣{
})



9.set和map

set 只能保存不同元素,相同的元素會被忽略
map對象

let set = new set();
let set = new set([2,3,4,5]);
//map接受一個數組,數組中的元素時鍵值對
let map = new map([
['key','value'],
['key1','value1'],
])



10.for.of循環

for(let obj of h){
	console.log(obj)
}





11.模塊化export import

export 導出命令

calss Util{
	sum=(a,b)=>a+b;
}
export default Util


import加載

import Util from './Util'

相關鏈接

版權所有

發表評論

2017怎样手机上赚钱