JavaScript の基本オブジェクト

1. オブジェクト

1.1 オブジェクトとは何ですか?

JavaScript では、オブジェクトは関連するプロパティとメソッドの順序付けられていないコレクションです。文字列、数値、配列、関数など、すべてがオブジェクトです。

オブジェクトはプロパティとメソッドから構成される

属性: オブジェクトの特性。オブジェクト内の属性によって表される。
メソッド: オブジェクトのメソッドによって表現される物事の振る舞い

1.2 なぜオブジェクトが必要なのか?

値を保存するには変数を使用し、値のセットを保存するには配列を使用します。ある人物の完全な情報を保存したい場合はどうすればよいでしょうか?

たとえば、Zhang San の個人情報を配列に保存する方法は次のとおりです。

var arr = ['张三','男',123,156];

張三の個人情報をオブジェクトの形で保存する方が明確です。

2. オブジェクトを作成する3つの方法

2.1 オブジェクトリテラルを使用したオブジェクトの作成 {}

オブジェクトリテラル: { } には、この特定のものを表現する (オブジェクト) のプロパティとメソッドが含まれます。

    <スクリプト>
        // オブジェクトリテラルを使用してオブジェクトを作成します {}
        var obj = {}; //空のオブジェクトを作成します var obj = {
            uname: '张三',
            年齢: 18歳
            性別: '男性'、
            言ってください: 関数 () {
                コンソールにログ出力します。
            }
        };
        //(1) 内部のプロパティまたはメソッドは、キーと値のペアの形式です: キー プロパティ名: 値 プロパティ値 //(2) 複数のプロパティまたはメソッドは、カンマで区切られます //(3) メソッドの後には無名関数が続きます //2. オブジェクトの使用 //(1) オブジェクトのプロパティを呼び出すには、object.property name メソッドを使用します console.log(obj.uname);
        //(2) オブジェクトの属性オブジェクト名['属性名']を呼び出す
        コンソールにログ出力します。
        //(3) オブジェクトのメソッドを呼び出す オブジェクト名.メソッド名 obj.sayhi();
    </スクリプト>

2.2 新しいオブジェクトを使用してオブジェクトを作成する

  // // 新しい Object を使用してオブジェクトを作成します var obj = new Object(); // 空のオブジェクトを作成します obj.uname = '张三';
        年齢は18歳です。
        obj.sex = '男性';
        obj.sayhi = 関数 () {
            console.log('こんにちは~');
        }
        コンソールにログ出力します。
        コンソールにログ出力します。
        obj.sayhi();
        //(1) 等号 = 代入メソッドを使用して、オブジェクトのプロパティとメソッドを追加します //(2) 各プロパティとメソッドの間に ; を使用して終了します //Case var Object = new Object();
        Object.uname = 'ナルト';
        Object.sex = '男性';
        オブジェクト.age = 19;
        オブジェクト.skill = 関数() {
            console.log('シャドウクローンテクニック');
        }
        console.log(オブジェクト.uname);
        オブジェクト.skill();

2.3 コンストラクタを使用したオブジェクトの作成

 // なぜコンストラクターを使用する必要があるのでしょうか? // オブジェクトを作成する最初の 2 つの方法では、一度に 1 つのオブジェクトしか作成できないためです。 // 一度に 1 つのオブジェクトを作成するため、その中の多くのプロパティとメソッドは同じです。 関数を使用してコードを再利用します。 この関数はコンストラクターと呼ばれます。 // コンストラクターはオブジェクトをカプセル化します。 // コンストラクターは、オブジェクト内の同じプロパティとメソッドの一部を抽象化し、関数にカプセル化します。

コンストラクター: 主にオブジェクトを初期化する、つまりオブジェクトのメンバー変数に初期値を割り当てるために使用される特別な関数です。常に new 演算子と一緒に使用されます。オブジェクト内のいくつかの共通プロパティとメソッドを抽象化し、この関数にカプセル化することができます。

    <スクリプト>
 
        //コンストラクタを使用してオブジェクトを作成します //コンストラクタ構文 //関数コンストラクタ名() {
        // this.property = 値;
        // this.method = function() {}
        // }
        // 新しいコンストラクタ名();
 
        関数 Star(名前, 年齢, 性別) {
            this.name = uname;
            this.age = 年齢;
            this.sex = セックス;
            this.sing = 関数 (歌) {
                console.log(曲);
            }
        }
        var ldh = new Star('Andy Lau', 18, 'Male'); //関数呼び出しはオブジェクトを返します console.log(typeof ldh);
        console.log(ldh.name);
        console.log(ldh['性別']);
        ldh.sing('アイスレイン');
        var zxy = new Star('ジャッキー・チュン', 36, '男性');
        console.log(zxy.name);
        console.log(zxy['性別']);
        zxy.sing('李香蘭');
            //1. コンストラクタ名の最初の文字は大文字にする必要があります //2. コンストラクタは return なしで結果を返すことができます //3. コンストラクタを呼び出すには new を使用する必要があります
            //4. オブジェクトを作成するには、新しい Srart() 関数を呼び出すだけです //5. プロパティとメソッドの前には、この関数が必要です
   </スクリプト>