Today I Learned

クラスおよびインスタンス

this

コール、適用方法

bindメソッド

割当て

構造分解-簡略化構文

クラスとインスタンス

クラス

関連変数(属性)とメソッドのセット

オブジェクトを作成する設計図

class Car {
    constuctor(brand, name, color) { // 생성자 함수
        this.brand = brand; // this는 인스턴스 객체
        this.name = name; // brand, name, color는 속성
        this.color = color; 
    }
   refuel() { // refuel, drive는 메소드
        console.log('연료를 공급합니다')
    }
    drive() {
        console.log('운전을 시작합니다')
    }
}

例

クラス(設計図)に基づいて新しいキーワードを使用して作成するオブジェクト

ジェネレータ関数では、この値は

です.

let avante = new Car('hyundai', 'avante', 'black');
avante.color; // 'black'
avante.drive(); // '운전을 시작합니다'

this

これは、関数実行時呼び出し方法によって決定される特殊なオブジェクト

である.

関数の実行時に決定され、関数の実行のコンテキストは、その指向するオブジェクトを決定する.

これは関数の実行方法に依存することを理解してみましょう.

機能コール

foo() 

// this는 window(브라우저) or global(Node.js) 
// 앞에 아무것도 없는 메소드(함수)는 사실 그 앞에 window(또는 global)가 생략되어 있는 것. 즉, 원래 window.foo()

メソッド呼び出し

obj.foo() 

// this는 obj 

を使用する新しいキーワード呼び出しジェネレータ(主にOOP用)

new Foo() 

// this는 새롭게 생성된 인스턴스 객체 

.コールまたは.apply呼び出し

foo.call()
foo.apply()

// 첫번째 인자가 this가 됨

/////////////////////////call、apply、bind////////////////////////////////////////////////////////////////////////////////////////////

構造分解の割り当て-構文の簡略化

整列

let arr = [1,2,3,4,5]
let [a, b] = arr;

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

オブジェクト

const student = { name: '박해커', major: '물리학과' };
const { name } = student
const { major } = student

console.log(name) // '박해커'
console.log(major) // '물리학과'

矢印関数からアクセスすると、親範囲から

の値が取得されます.

✍️

この本の崩壊現象は...やればやるほどばかになる
勉強を続ける