モダンJavaScript Deep Dive 10章-オブジェクト回転

1718 ワード
テキストリンク

対象とは？

  • 0複数のProperty(オブジェクトの状態を表す値)の集合
    • .
    メソッド
  • 、関数
    • と呼ばれる

    オブジェクトテキストからオブジェクトを作成するには


    オブジェクトテキスト:{}

    保証する


  • Propertyキー:すべての文字列(空白可能)、シンボル値
    文字列またはシンボル値に加えて、値を使用して文字列を暗黙的なタイプに変換します.
    識別子命名規則に従わないキー値には引用符を使用する必要があります
    識別子命名規則に従う名前は引用符を省略できます
    動的割当てを許可するProperty Key
    繰り返し宣言する場合は、以降に宣言するエラーXを上書きしてください
    const object = {};
object['name'] = 'dog';

  • Property値:JSのすべての値

    • 方法


    Property値が関数の場合はメソッドと呼ばれます
    オブジェクトにバインドされた関数=メソッド
    メソッドでは、thisはオブジェクト自体を示します.

    特許アクセス

  • 句点表記法
  • 角括弧表記法(「」で囲む文字列、奥の識別子で示す)
    • const object = { name : 'hona'};
object.name; 
object['name'];
  • オブジェクトに存在しないプロパティにアクセスすると、定義されていない
    • が返されます.

    プロパティ値の更新


    既存のプロセスに値を割り当てるとリフレッシュされます

    Property動的作成


    存在しない構成に値を割り当てると、構成の作成後に値が割り当てられます.
    const person = {name : 'aj'};
person.age = 27;
person['aka'] = 'gonzo';

    プロパティの削除


    存在しないアイテムを削除するときにエラーを無視
    const person = {
	name : 'aj',
    age : 27,
    sex : 'male'
};

delete person.name;
delete person['age'];

    ES 6に追加されたオブジェクト文字の拡張

  • の単位値として変数を用いる、キーを省略すると、変数名で命名された
    let x = 1, y = 2;
const object = {x,y};
object    // {x : 1 , y : 2}
    • が自動的に生成する.
  • メソッド略表示
    const cat = { 
   name : '야옹이',
   hi() {
       console.log(`hi i'm ${this.name}`);
       },
};
    • ubuntuでqtopia-2.2.0問題をコンパイルする
    白駿15664