標籤: ES6

destructuring assignment 分離指派式

説明

可以將陣列或物件的資料取出成獨立變數。
※通常用來大量指定變數，可以一行寫完。

範例

/********
以前的寫法
const a=1;
const b=2;
*********/

/***ES6新寫法***/
[a, b]=[1, 2]
//可以簡潔地指定一坨變數。

console.log(a, b)//1 2

const

const 的特性

  1. 不可以被修改（再指定）
  2. 如果有block，在block裡面可以被改，但是回到外面會變回初始值

cant’t be updated & defined

const width=100;

width=200;
console.log(width);//100
//不可被修改

block scope

let points=50;
const winner=false;


if(points>40) {
 const winner=true;
 console.log(winner);//true
 //只有在block內部，才能夠被更改
}

console.log(winner);//false
//在外部則不會被更改，呈現初始值

By Value or By Reference

當資料類型為By Value時〔Number, String, Boolean〕
以const宣告的變數是不能被再指定的（即等於不能被改）

//錯誤示例
const name='Ian';
name='Chen'; //←ERROR!!

但若資料類型是By Reference時〔Object, Array〕，
以const宣告後可以用push, object.item=xxx等方式修改其值。
但一樣不能進行再指定的動作

//正確示例
const fruits=['apple', 'banana', 'orange'];
console.log(fruits); //['apple', 'banana', 'orange']

fruits.push('grape');
console.log(fruits); //['apple', 'banana', 'orange', 'grape']
//錯誤示例
const colors=['red', 'blue', 'green'];
colors=['pink', 'black', 'white'] //←ERROR!!

let

block

block是指大括弧 {} 裡面。
像是if述句，for述句，function裡面都是block

  • global scope→任何地方都能被改
  • block socpe→在if述句，for述句，function裡面可以被改（大括號包起來的地方），在外面還是回到初始值
  • function scope→只有在function裡面才可以被改

let 的特性

  1. 可以被修改
  2. 如果有block，在block裡面可以被改，但是回到外面會變回初始值

updated & defined

let width=100;

width=200;
console.log(width);//200
//可被修改

block scope

let points=50;
let winner=false;


if(points>40) {
 let winner=true;
 console.log(winner);//true
 //只有在block內部，才能夠被更改
}

console.log(winner);//false
//在外部則不會被更改，呈現初始值