const name = 'cute';
const surname = 'luna';

var sayHello = function({ name, surname }) {
  var cute = 'fuck you'; 
  var fuck = 'fuck your dick';
  console.log(`Hello ${name} ${surname}! How are you?`);
  console.log({cute});
  console.log({cute:fuck});
};

sayHello({ name: 'John', surname: 'Smith' });
sayHello({ name, surname });

可以把上面直接貼在console，或是貼到babel玩玩

把有色碼的填入刪掉：
.st3{fill: #00FF00;}
像這樣的留下來：
.st3{fill:none;}
每個class其實就是一個圖層，可以看情況編輯

歡迎補充~

https://www.businesstoday.com.tw/

https://popchart.co/

https://www.easyname.com/en

https://www.axios.com/

 

constructors

Do

• create any fields (variables starting with this.)
• initialize state based on props received
• set initial state
• if not using class properties syntax — prepare all class fields and bind functions that will be passed as callbacks

Don’t

• cause any side effects (AJAX calls etc.)

 

記得看不懂的都丟到babel上面試試

任何數字加上 undefined 都會是 NaN

空字串是falsey.

（The values false, null, 0, "", undefined, and NaN are falsey）

驗證是否為空字串

Tips to Level Up Your JavaScript and React Skills

1. 你覺得你自己的優缺點是什麼？
2. 你對你未來的規劃是什麼？

JavaScript

 

 

Anglophenia英國腔很好聽

English with Lucy

推，英文標準而且講得速度應該算慢的。

Vanessa Van Edwards

各種主題

Learn ENGLISH with SPEECHES (English Subtitles) – YouTube

閉包的解釋：
1. 外面讀不到裡面，裡面讀得到外面
2. 每個函式可以有自己的私有變數，跟其它的函式名子可以一樣（會有容易搞混的缺點
3. 閉包：它本來抓得到什麼值，就能抓到什麼值，不論它是在哪裡執行的（可能return 給外層的函式了）

參考文章：
A Simple Explanation of JavaScript Closures
⭐️⭐️⭐️⭐️⭐️
超推薦，簡單好懂，排版也好看
How to explain JavaScript Closure to a 5 years old kid
⭐️⭐️⭐️⭐️⭐️
這篇也超好懂的啦
Javascript Closure tutorial ( Closures Explained )
這篇講得比較多些

一个好的编辑器，一定需要有代码补全(code completion)的功能，所以我最推薦的還是WebStorm

code completion