es6基礎入門篇

2021-09-30 15:50:25 字數 2982 閱讀 6282

1、let 允許重複賦值,但不允許重複宣告變數

2、const 宣告常量,不允許重複宣告,也不允許重複賦值

3、字串

(1)string.fromcharcode(編碼),能讓編碼轉成字元

示例,統計瀏覽器能支援多少個中文字元

let name = '';

for(let i=0x4e00;i<0x9fa5;i++)

console.log(name.length);

(2)repeat接受乙個引數,引數表示字串重複的次數

let v = 'dqedw';

console.log(v.repeat(5));

//結果:dqedwdqedwdqedwdqedw

(3)includes,有點像indexof,第乙個引數表示字元,第二個引數表示從第幾位開始查詢,需要注意的是位置是從0開始。

let n = 'werewq';

console.log(n.includes('w'));//true

console.log(n.includes('w',4))//true

console.log(n.includes('w',5))//false

(4)startswith 開始位置,只有乙個引數的情況:是字串的開頭字元的話,就返回true,否則返回false。

如果有第二個引數(可選引數),就表示從第幾位開始,找與第乙個引數匹配的字元,找到就返回true,否則返回false。位置數字從0開始

let d ='salqwee00';

console.log(d.startswith('s')); //true

console.log(d.startswith('a')); //false

console.log(d.startswith('a',1)) //true 位數從0開始

(5)endswith 終止位置,只有乙個引數的情況:第乙個引數如果是字串的最後乙個字元的話,就返回true。

如果有第二個引數(可選引數),就表示從第幾位開始,位置從1開始【不知官方的解釋是否是這樣,這只是筆者的試驗後的見解】

let d ='salqwee';

console.log(d.endswith('e');//true

console.log(d.endswith('e',7);//true

console.log(d.endswith('e',8);//false

(6)es6中的字串表示法不同於之前版本的,而是使用反單引號來表示字串:``。如果要拼串,則使用${}模板來表示。

let a = `asd`;

let fc = 'qwwq$';

另外,反單引號還有一種奇特的用法,就是可以用來代替方法呼叫中的括號。

function show (e) 

console.log(show``);

4、陣列的find方法

es6提供了乙個使用陣列時較好用的方法find,find方法裡面的引數是乙個函式,函式一共支援三個引數,第乙個引數表示陣列元素,第二個引數表示陣列的元素索引,第三個引數表示陣列

[1,2,3,4,5].find(function(x,y,z))
5、箭頭函式

(1)es6中的箭頭函式與之前版本的函式宣告相同,所以它有乙個缺點就是呼叫函式必須在宣告的函式之後

x = x => x;

console.log(x);//返回 x => x;

//相當於

var x = function (x)

console.log(x); //返回 f(x);

(2)匿名函式

var x = 10;

(a => )(x)

(3)擴充套件引數: x=5 用於:傳遞引數時,使用傳遞過來的引數值,不傳遞引數時,則用擴充套件的引數值

function show (x=5) 

show()//5

show(1)//1

//使用箭頭函式可以用匿名函式的方式

((x=5) => )();//這種是沒有傳遞引數的情況,返回5

((x => ))(1);//1

6、擴充套件符[...]

作用:合併陣列、函式引數中表示陣列

(1)合併陣列

var a = [1];

var b = [2];

var c = [3];

console.log([...a,...b,...c]);

//相當於

console.log(a.concat(b.concat(c)));

(2)函式引數中表示陣列,以前版本的函式中,引數的arguments只是類陣列,而在引數中用了擴充套件符後,則引數表示為陣列

((...x) => )(1,2,3,4);

//能夠返回陣列[1,2,3,4]

//如果沒有...擴充套件符,則只會返回第乙個引數

7、生成器函式 yield,get 、set

function* show() 

yield function ()

yield function ()

}let p = show();

p.next().value();

p.next().value();

p.next().value();

//依次執行yield返回的函式

var s = ,

get fun () }}

}s.fun = 1;//呼叫的是set方法

console.log(s.fun.fun2);//呼叫的是get方法

ES6 學習總結(基礎篇)

let const 的用途和 var 相似,都是用來宣告變數,但各自特性並不相同。let 的特性 只在 let 所在 塊有效 建立塊級作用域,並只在塊級作用域內有效 沒有變數提公升 不允許在相同作用域重複宣告 const 的特性 宣告乙個唯讀常量,宣告後就初始化,無法更改,以後也無法賦值 建立塊級作...

ES6系列1 基礎入門

es5 只有全域性作用域和函式作用域 例如,我們必須將 包在函式內來限制作用域 這導致很多問題 es6中允許使用反引號 來建立字串,可以嵌入變數,也可以原生輸出.模板字串是為了解決使用 號拼接字串的不便利而出現的。它的功能非常強大,但是我們大多數時候使用它則非常簡單。1 es5輸出 2 es6輸出 ...

Vue提高篇 ES6基礎語法

a 箭頭函式可以替換函式表示式,不可替換函式宣告 b 箭頭函式中不存在 this 物件,其使用時一般this都指向外層的this物件 c 箭頭函式沒有argument偽陣列的引數集合 let a 1 let b 2 let strall 數字1左邊的鍵 盛放變數或表示式 console.log st...