JavaScript 5週間の学習

3434 ワード

  • クラスを定義する方法
  • オブジェクトの作成方法(新しいキーワードを理解)
  • 定義
  • メソッド
  • ジェネレータを定義する方法
  • というキーワード
  • を理解する
    クラスの定義方法
    JavaScriptでクラスを作成する理由
    JavaScriptは、プロトコルタイプに基づくオブジェクト向け言語です.これは、クラスを必要としないプログラミング言語であることを意味します.
    したがって,ES 5までクラスは存在せず,コンストラクション関数やプロトタイプによりオブジェクト向け言語の継承を実現できる.
    しかし,クラスベースの言語に精通している開発者にとって,プロトタイプはJavaScriptに精通する障害と考えられる可能性がある.
    従って、ES 6には、クラスベースの言語を熟知した開発者がより容易に使用できるように、既存のクラスベースの言語と非常に類似したクラスが追加されている.
    クラス定義
    クラスはclassキーワード定義を使用します.
    class Person{} //클래스 선언문
    一般的ではありませんが、式を使用してクラスを定義することもできます.これはクラスが関数であることを意味します.const Person = class{};オブジェクトの作成方法(newキーワードについて)
    JavaScriptでオブジェクトを作成する方法は、オブジェクト文字、オブジェクト()作成者関数、作成者関数、オブジェクトです.createメソッド、クラス(ES 6).
    オブジェクト範囲の
    オブジェクトテキストにはカッコ({})を使用します.括弧には0個以上のプロパティが定義されており、変数に割り当てると、エンジンはオブジェクトの文字を解析してオブジェクトを作成します.
    var empty = {};
    console.log(typeof empty); //object
    オブジェクト()ジェネレータ関数
    new演算子付きオブジェクトジェネレータ関数を使用して空のオブジェクトを生成し、返します.コンストラクション関数はnew演算子とともに呼び出されてオブジェクトを生成する関数であり、コンストラクション関数によって生成されるオブジェクトをインスタンス(instance)と呼ぶ.
    const person = new Object();
    console.log(typeof person); // object
    コンストラクタ
    オブジェクト文字を使用してオブジェクトを作成する場合、オブジェクトが数十個を超える場合は、同じオブジェクトを作成するたびにそのオブジェクトを記入する必要があります.この問題を回避するには、コンストラクション関数を使用して、同じ輪郭を持つ複数のオブジェクトを簡単に作成できます.
    function Circle(radius) {
    	this.radius = radius;
        this.getDiameter = function () {
         	return 2* this.radius;
    	};
    };
    const circle1 = new Circle(5);
    console.log(circle1.getDiameter()) // 10
    Object.createメソッド
    Object.createメソッドは、プロトタイプを指定することによってオブジェクトを作成します.
    Object.create(prototype[,propertiesObject])
    カテゴリ
    レッスンはjavascriptを学ぶ4週目に説明したので、簡単にスキップしましょう.
    ES 6に追加されたクラスは、主にクラスベース言語を使用する開発者を便利にするためです.
    const person = class {};
    console.log(typeof person); // function
  • クラスは関数
  • として評価する.
    メソッドの定義方法
    メソッドは、プロシージャで定義された関数です.
    var circke = {
    	radius = 5,                 //프로퍼티
        getdiameter = function() {  // 메소드
        	return 2* this.radius;
        }
    };
    ショートカットもあります.
    var obj = {
      foo: function() {},
      bar: function() {}
    };
    動作を表す
    var obj = {
      foo() {},
      bar() {}
    };
    と表示することもできます.
    メソッドは通常、オブジェクトにバインドされた関数を指すが、ES 6では明確な定義がある.メソッドは、インスタンスを作成できない関数(すなわち、コンストラクション関数として呼び出すことができない)を表すメソッドショートカットによって定義された関数です.
    ジェネレータの定義方法
    オブジェクトを生成する関数をコンストラクション関数と呼びます.コンストラクション関数と通常の関数とは異なりませんが、関数名は大文字で始まり(慣例では)、new演算子を加えて実行する必要があります.
    このキーワードの理解
    メソッドは、その属するオブジェクトのステータス、すなわちPropertyを参照および変更できる必要があります.このときpropertyを参照すると、その属するオブジェクトを指す識別子がthis識別子である.thisは、自分が属するオブジェクトまたは作成するインスタンスを指す自己参照変数(self-reference変数)です.thisによって、自分が属するオブジェクトまたはインスタンスのpropertyまたはメソッドを参照することができる.
    ソース
  • https://ko.javascript.info/class
  • https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/Method_definitions
    -伊雄モゼ、「モダンjavascript deep dive」、ウィキペディア(2020)