ES6基礎知識點1

2021-10-09 01:31:19 字數 3422 閱讀 1534

2 解構

3 字串

4 箭頭函式

5 函式新特性

6 陣列新增加方法

7 物件

只能在一對{}裡面產生作用,此時console.log(b)會報錯,因為外部無法訪問到區域性變數b。

if(true)

console.log(a);

console.log(b);

不能重複宣告乙個區域性變數。

不會變數提公升,此時如果在變數宣告前訪問會報錯,如下所示就會出現報錯。

console.log(a);

let a = 15;

宣告必須賦值。

賦值後是否可以修改問題?

const token = "abc";

console.log(token)

const my_host = ["www.baidu.com","www.qq.com"];//引用型別

my_host.push("www.jd.com");

my_host[0] = "www.tmall.com";

console.log(my_host);

變數名建議大寫。

基礎

var obj = ;

let = obj;

console.log(name,weight)

剩餘值

var obj = ;

let = obj;

console.log(weight,rest)

預設值,當obj中沒有eye 的鍵名時,會直接呼叫預設值,反之會呼叫eye的值,不會呼叫預設值。

var obj = ;

let = obj;

console.log(name,eye)

沒有順序區分,變數名必須與物件的鍵名一樣。

基礎

let  arr = [1, 3, 5, 7, 9];

let [a, b, c] = arr;

console.log("a:",a);

console.log("b:",b);

console.log("c:",c);

剩餘值

let arr=[1,2,3,4];

let [a,...b]=arr;

console.log(a,b)

預設值

let arr=[1,2,3,4];

let [a,b,c=100]=arr;

console.log(a,b,c)

交換變數

let a=15;

let b=23;

[a,b]=[b,a];

console.log(a,b)

跳過(忽略)

let arr=[1,2,3,4];

let [,a,,b]=arr;

console.log(a,b)

淺拷貝(複製)

var arr=[1,3,5];

var arr1=[...arr];

arr1[1]=100;

console.log(arr,arr1)

```

var name = "聖京都";

var age = 18;

console.log(str);

```

function times(n)

times(6);

var times=n=>console.log(n*2);

times(4)

var arr=["jack","tom","anbi"];

arr.foreach(item=>console.log(item))

var arr =[1,2,3,4];

var ret=arr.reduce((a,b)=>a+b);

console.log(ret)

var arr=[,]

var arr2=arr.map(item=>())

console.log(arr2)

var obj=,

grow:function(),3000)}}

obj.say();

obj.grow();

function add(a,b=10)

add(3)

function add(...args)

add(1,2,3,4,5,6)

function metting(a,b,c,d)

var arr=["jack","tom","小公尺","安比","夏娜"];

metting(...arr)

var arr=[1,2,3];

arr.fill("jack",0,1);

console.log(arr)

var arr=[1,2,3,4,5];

arr.copywithin(0,1,2);

console.log(arr);

var arr=[1,2,3];

console.log(arr.includes(1))

var arr=[11,33,2,33,50,100];

var set=arr.find(item=>item>24)

console.log(set)

var arr=[11,33,2,33,50,100];

var set=arr.findindex(item=>item>50)

console.log(set)

var name="jack";

var age=18;

var user= 年齡$`)}}

console.log(user.say())

var key=prompt("輸入物件名稱","like");

var value=prompt("輸入物件值","好好學習");

var obj=

console.log(obj)

var man=

}var teacher=

console.log(teacher.walk())

es6模組化基礎知識點

1 為何需要模組化 因為隨著前端的 複雜度越來越高,之間會容易有這三個問題 全域性變數衝突 函式命名衝突 依賴關係混亂 2 模組化規範的高階歷史 commonjs amd cmd 到現在的 es6模組 3 最初最簡單的模組化原始碼 jquery大量使用的也是這種方式 var module speci...

es6基礎知識

1 箭頭操作符 var arr 1,5,6 傳統寫法 arr.foreach function v 箭頭操作符 arr.foreach v console.log v 2 字串模板 var str math.random console.log you num is 3 解構 函式解構 var x,...

ES6知識點總結

面向過程和物件導向的對比 面向過程 物件導向 物件 物件是由屬性和方法組成的 類 class 在 es6 中新增加了類的概念,可以使用 class 關鍵字宣告乙個類,之後以這個類來例項化物件 物件導向的思維特點 抽取 抽象 物件共用的屬性和行為組織 封裝 成乙個類 模板 對類進行例項化,獲取類的物件...