実行コンテキスト(実行コンテキスト)

function a(){
  let youAreIn = 'A Scope'; 
  b(); 
}
function b(){
  let youAreIn = 'B Scope'; 
  c(); 
}
function c(){
  let youAreIn = 'C Scope'; 
  debugger; 
}
a(); 
// execution context 4개(A, B, C, 글로벌영역)생긴다. 
// b는 a에서 호출됐고, c는 b에서 호출됐고, a는 전역에서 호출됐다. 

ここに入っている
-scopeの変数と関数(local、global)
-伝達パラメータ(arguments)
-呼び出し元(呼び出し元)
- this

'this' keyword

5 patterns of binding 'this'

1 & 2. Global & function invocation

3.メソッドを呼び出すとき、これは親オブジェクトです。

let obj = {
  foo: function(){console.log(this);}
}
obj.foo() // method 호출, {foo: f} obj   

let obj2 = {
  hello: {
    fn: function(){console.log(this);}
  }
}
obj2.hello.fn() // {fn: f}, hello만 나온다, 딱 자기 부모만 가져온다 

let obj3 = {
  hello: {
    fn: function(){console.log(this);}
  },
  foo: function(){console.log(this);} 
}
obj3.foo();// ojb3다 가져온다, 바로 직계 부모만 가져온다 

4.Construction mode(新しい演算子によって形成された関数領域のthis):新しく作成されたオブジェクト

5. .call or .apply呼び出し:call、applyの最初のパラメータとして指定されたオブジェクト

1. foo() // function invocation
2. window.foo() // method invocation
3. new foo() // construction mode 
4. foo.call() 
5. foo.apply() 

.call

.apply

Math.max(2,3,5,1,10,14) // 14 
let arr = [10, 3,5,7,1,23] 
Math.max.apply(null, arr) //23