剛開始學習es6。本文件主要對es6的基礎語法進行歸納
首先,切記要」use strict」宣告1.let宣告:
let a=1;
let a=2; //報錯
console.log(b);//報錯,而用var宣告變數為undefined
let b=2;
for(let i =0;i<9;i++)
console.log(i);//報錯,用var宣告的i為9
2.const:常量
常量的值是不可以被修改的,但如果常量內儲存的是乙個物件,物件內的值是可以被改變的
const a=2;
a=3console.log(a);//報錯
const a =;
a.b = 4
console.log(a.b);//4
3.解構賦值:按照一定的模式,取出陣列或者變數中的值,對變數進行賦值,常用於數值交換
var arr = [1,[2,3]]
var [a,[b,c]] = arr
console.log(a);//1
console.log(b);//2
console.log(c);//3
var x=1;
var y=2
var [x,y]=[y,x]
console.log(x, y);//1,2
4.模板字串:解決字串拼接困難的問題
var name =
"kk";
var age =
16var str =
"你的名字是:"
+name+
",年齡:"
+"age";
console.
log(str);//你的名字是:kk,年齡:16
var str1 =
`你的名字是:$,年齡:$`;
console.
log(str1);//你的名字是:kk,年齡:16
5.新增字串方法:
6.陣列的擴充套件:
var adiv = document.getelementsbytagname("div");
//原來js中把類陣列轉化為陣列的方法
var ele = .slice.call(adiv);
console.log(typeof ele)
//e6的方法:
var eles = array.from(adiv);
console.log(typeof eles);
var arr=array.of(11,22,33)
console.log(arr) //[11,22,33]
var
array =[1,5,7,1,7,6];
var ary = array.find(function
(value,index))
console.log(ary)//5
var
array =[1,5,7,1,7,6];
var ary = array.fill(0,3,6);
console.log(ary);//[1,5,7,0,0,0,]
var arr = [4,5,6,7,8];
for(var
value of arr)
for(var keys of arr.keys())
7.數值的擴充套件
let num = 1.54;
console.log(math.trunc(num));//1
console.log(math.sign(-54))//-1
console.log(math.sign(54))//1
console.log(math.sign(0))//0
console.log(math.hypot(3,4))//5
8.函式的擴充套件:
function fn(a,b=2)
console.log(fn(
1));//3
console.log(fn(
1,4))//5
注意點:定義預設值的引數必須是尾引數
function
test
(a,b,...arg)
test(1,2,3,4,5,6,7,8,9);
var arr = [4,5,6,7,8,9]
console.log(...arr);//4 5 6 7 8 9
var str = 'hello world';
console.log([str]);//hello world
注意點:
1、函式體內的this物件,繫結定義時所在的物件,而不是使用時所在的物件。
2、不可以當作建構函式,不可以使用new命令,否則會丟擲乙個錯誤。
3、該函式體內不存在arguments
var obj =
obj.f(5,4);//alert(11)
f(5-4);//報錯
ES6學習,持續更新!!!
mdn 解構賦值 mdn export es6 import export用法 注意 export from src main 含義是 匯出其他模組的匯出 mdn import es6 import export用法 react import 配置路徑別名 簡化import component的方式...
es6 陣列 持續更新
1 map 對映 乙個對乙個 如 12,56,99,86,45,91 對映成 不及格,不及格,及格,及格,不及格,及格 引數 item 當前元素值 index 當前元素索引 arr 原陣列2 reduce 彙總 彙總出來乙個 3 filter 過濾 4 foreach 迴圈第乙個引數是遍歷的陣列內容...
ES6學習筆記
let 塊變數 作用域為塊 const 常亮 作用域為當前塊 解構賦值 例 var x,y 1,2 字元擴充套件 at includes startswith endswith repeat codepointat 模板字串 例 正則的uiy 數值擴充套件 number.isfinite numbe...