es6基本語法

2021-09-13 08:31:27 字數 2631 閱讀 8981

1.es6基本語法  變數的宣告                                          let(限制作用域 **塊{}) const(常量 唯讀不可更改)

const pi=3.14156

console.log(pi);

pi=3.14

console.log(pi);

let a=1;

var a=;

for(var i=0;i<10;i++)

}a[6](); //輸出10 直接跳轉到最大值

let a=;

for(let i=0;i<10;i++)

}a[6](); //輸出6

2.es6結構賦值

let[a,b,c]=[1,2,3];

let[a,b,c]=[1,,3]; //b=undefined

let[a,[b,c],d,e,[f,g,h]]=[1,[2,3],4,5,[6,7,8]];

/*...a 陣列,可放在開頭,不能放在結尾*/

let[a,...b]=[1,2,3,4,5]; //a=1 b=[2,3,4,5]

let[...a]=[1,2,3]; //a=[1,2,3]

3.給字串繫結值 (es5:字串拼接)                                   es6:`` 使用模板字串來動態綁值

歲,身高$cm`;

console.log(str);

}

4.es6裡面的函式預設值問題

stu(undefined,3);

function stu(x=0,y=0)

}

5.es6裡面的箭頭函式                                 優點:保持上下文中的指標(物件)一致

;

let fun=()=>; //{}裡面若只有一句話,可不寫{}

fun();

let fun=function(x)

let fun=x=>console.log(x); //乙個引數可不寫(),多個引數時必須寫()

fun(1);

let fun=function(x,y)

let fun=(x,y)=>x+y; //類似於return x+y

console.log(fun(1,2));

}

自執行函式

(5));

((x)=>console.log(x))(5);

}

箭頭函式後邊返回鍵值對 。注意:新增()包起來執行

);     // 鍵值對 輸出為undefined  把認成物件了,沒有返回值

console.log(fun()); //輸出為 鍵值對物件})

console.log(this); //this=window

array.prototype.mysort=function()

var s=new array(1,2,3,4,5,6,7);

s.mysort();

array.prototype.mysort=()=>

var s=new array(1,2,3,4,5,6,7);

s.mysort();

}

6.es6裡面的遍歷   for......of

for(let item of a)

let b=[,];

for(let key of b)

}}

7.es6裡面的建構函式

}var i=new list();

}

8.es6裡面的class宣告

sleep()

tostring()

get get***()

set set***(value)

}let stu =new student(n=12,s=4,a=6);

// stu.sleep();

// stu.tostring(); //紫色方塊是方法 藍色長方形是物件

console.log(stu);

stu.set***="女"; //設定值

console.log(stu.get***); //12

stu.age=99;

console.log(stu.age);

}

9.es6裡面的import(匯入)、export(匯出)

}//把react匯入到當前的專案檔案中,components是react中的乙個屬性,

import react, from 'react';

class stu extends components

}

}export default stu; //export default可以把它寫到前面(寫法==ani)

}

es6 基本語法

es6規定暫時性死區和let const語句不出現變數提公升,主要是為了減少執行時錯誤,防止在變數宣告前就使用這個變數,從而導致意料之外的行為。這樣的錯誤在 es5 是很常見的,現在有了這種規定,避免此類錯誤就很容易了。總之,暫時性死區的本質就是,只要一進入當前作用域,所要使用的變數就已經存在了,但...

ES6基本語法

學js 箭頭函式 es6中可以使用 作為函式表達形式,極簡風格,引數 函式體。1 不帶引數function 等價於 2 帶引數function a 等價於 a 乙個引數時可以不寫括號 等價於 a 如果函式裡只有一條語句,可以省略return和 3 帶引數且函式裡只有一條返回語句,可以省略return...

ES6基本語法使用

let 宣告變數 形成塊級作用域 比如if for while 變數宣告不會被提公升 迴圈中解決下標是最後乙個值的問題 const 宣告常量 宣告後賦值 且該值不會被修改 和let一樣是塊級作用域 結構賦值 一 陣列賦值 例子1 左右相同賦值 var a,b,c,d 1,2,3,4 例子2 左右不同...