es6新增的API



es6有什么好處?ECMAscript6
1、可以提高開發效率,用更少的代碼,實現更多的功能
2、提高程序的健壯性

定義變量的方式:let 、const 、 var
1、var 變量會提升,有全局作用域和函數作用域
2、let、const 必須先定義,在使用
變量不會提升,變量不能重復定義(不能重名)
有快級作用域,超出快級就不能使用
3、let 變量,值在程序執行的過程中,可以發生改變
const 常量,在定義的時候必須賦值,后面在運行的時候就沒有機會賦值了


解構賦值:分解結構,進行賦值
作用:可以快速定義多個變量,並且給變量賦值,將復雜數據類型分解成變量
1、對象結構過程:
解構過程: 把對象屬性值,賦值給同名變量

// let {name, age} = {name: '狗蛋', age: 18};
// let {name, age} = {name: '狗蛋', age: 18};

變量名和屬性名不同的情況
// let {name:userName, age} = {name: '狗蛋', age: 18};
// console.log(userName, age);
設置默認值(如果可能解構失敗可以設置默認值, 默認值是備胎)
// let {name, age, sex ='女'} = {name: 'zs', age: 18, sex: '男'};
// console.log(name, age, sex);


2、數組結構過程:
//let arr = [2, 3, 4];
// let [c1, c2, c3] = arr;
只取部分值
// let [, c1, ] = arr;
// console.log(c1);

 

模板字符串:使用反引號 ` `
1、可以換行,保留格式進行輸出
let str = '大家好,我叫' + name + ', 今年' + age+ '歲了, 是' + sex + '生';

2、可以進行插值${....}
let str1 = `大家好, 我叫${name}, 今年${age}歲了, 是${sex}生`;


字符串新方法:返回true或者false
1、str.startsWith(字符串) 判斷str是否以指定字符串開頭
2、str.endsWith(字符串) 判斷str是否以指定字符串結尾
3、str.includes(字符串) 判斷str是否包含指定字符串

對象簡寫:
1、如果對象和屬性名相同,可以只寫一個
2、對象中方法,可以省略function

let name = '翠花';
let age = 18;

let obj = {
name: name,
age: age,
sex: '男',
say: function () {
alert('我男朋友是, 鵬鵬');
},
hi: function (){
alert('就是鵬鵬!!');
}
}
let obj1 = {
name,
age,
sex: '男',
say() {
alert('我男朋友是, 鵬鵬');
},
hi () {
alert('還是鵬鵬');
}
}

console.log(obj1.name);
obj1.say();


展開運算符 ... --允許一個表達式在某處展開
let arr1 = [1, 2, 3];let arr2 = ['a', 'b', 'c'];
let arr2 = ['a', 'b', 'c', ...arr1];


箭頭函數:
1、定義函數用的是箭頭 =>
2、箭頭函數,也是函數表達式
3、var 變量 = (參數列表)=> { 函數體 }
4、箭頭函數的簡寫:
(1)只有一個變量,可以省略()
(2)函數體只有一行代碼,可以省略{ }和return
let big = num => num * 10 ;

5、箭頭函數內部沒有自己的this,使用的this是外部函數的this,箭頭函數不能作為構造函數
6、函數可以設置默認參數,當函數沒有傳遞,取默認值


set去重:
new set()可以得到一個set實例,set是一個集合,可以存儲數據唯一值
var arr = [1, 2, 3, 4, 3, 2];
var set = new Set(arr); // {1, 2, 3, 4}
var arr = [...set]; // 將set實例展開成數組[...set]
console.log(arr);

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM