es6學習(持續更新)

2021-07-24 02:49:30 字數 2760 閱讀 1127

剛開始學習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...