TIL_210225


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) // '물리학과'
    
  • 矢印関数からアクセスすると、親範囲から
  • の値が取得されます.

    ✍️


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