# 2019-12-24
### arguments
The parameters you pass to your function.

function greet( first, second, language) {
    
    if(arguments.length ===0) {
        console.log('Missing parameters!');
        return;
    }
    console.log(arguments); // ['Jon', 'w', 'en'] array-like
}

greet('Jon', 'W', 'en'); 

### framework aside
Use effictive name.

### syntax parsers

編譯可以分為

* 直譯式
* 編譯式

讀取程式碼的時候會逐字讀取

如果該字元沒有相對意義的時候會產生錯誤

###

Javascript 核心編譯引擎會自動幫你在它認為的句尾上自動加上分號

### Carriage return

常縮寫為`CR`，是指將定位(浮標)重設到文字行首的控制字元或過程

用以把浮標重設到一行字的頭

### IIFE (Immediately Invoked Function Expression)
定義完馬上就執行的JavaScript function
(因為JS 的hoisting會將function提升，優先宣告，然後因為有參數，所以就被執行囉！)

優點：

定義完之後會馬上執行

並且執行結束後會釋出記憶體

// Funciton Expression
var greetFunc = function(name) {
    console.log(name);
};

//IIFE
var gretting = function(name) {
    return name;
}();
console.log(gretting);// undefined

//IIFE
var gretting = function(name) {
    return name;
}('Jon');
console.log(gretting);// 'Jon'

// Both method1 and method2 works!
var firstname = 'John';

//method1
(function(name) {
    console.log(name);
})(firstname);
// method2
(function(name) {
    console.log(name);
}(firstname));

()在JS裡等同於

function (a) {
    return a;
}

一個沒有名字的function

### 執行環境 Execution context
>When control is transferred to ECMAScript executable code, control is entering an execution context. Active execution contexts logically form a stack. The top execution context on this logical stack is the running execution context.


var a = 10
function test(){
  console.log(a)
  let a
}
test()

如果 let 真的沒有 hoisting 的話，答案應該會輸出10，因為 log 那一行會存取到外面的var a = 10的這個變數，可是！！！

答案卻是：ReferenceError: a is not defined。
https://blog.techbridge.cc/2018/11/10/javascript-hoisting/

### Temporal Dead Zone
let 與 const 確實有 hoisting，與 var 的差別在於提升之後，var 宣告的變數會被初始化為 undefined，而 let 與 const 的宣告不會被初始化為 undefined，而且如果你在「賦值之前」就存取它，就會拋出錯誤。

在「提升之後」以及「賦值之前」這段「期間」，如果你存取它就會拋出錯誤，而這段期間就稱做是 TDZ，它是一個為了解釋 let 與 const 的 hoisting 行為所提出的一個名詞。