ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript でオブジェクトを作成する 4 つの方法を説明する例

JavaScript でオブジェクトを作成する 4 つの方法を説明する例

灭绝师太
リリース: 2021-10-28 16:17:30
オリジナル
1950 人が閲覧しました

JavaScript は JS と呼ばれます。JS の本来の目的は、ユーザーとサーバー間の対話の問題を解決することでした。 JS はオブジェクト指向言語ではなく、オブジェクト指向言語をシミュレートするオブジェクトベース言語であることに注意してください。では、JavaScript オブジェクトを作成するにはどうすればよいでしょうか?

オブジェクト: いくつかの特性 (プロパティ) と動作 (方法) を備えた自然界の何かを指します。たとえば、ヤオ ミンのオブジェクトには、名前、性別、身長、およびボール番号. チームやその他の特性、ドリブル、シュート、ランニング、食べるなどの動作ができる場合、js を使用してオブジェクトを作成するにはどうすればよいでしょうか。




2 番目のタイプ: システム コンストラクターを呼び出してオブジェクトを作成します。

    var YaoMing = {
        name:"YaoMing",
        age:36,
        gender:"男",
        eat:function(){
            console.log('吃臭豆腐');
        },
        read:(){
            console.log('疯子在左天才在右');
        }
    }
ログイン後にコピー
この時点で、per2 が Object のインスタンスであるかどうかを確認します。 trueを返します

##コンストラクターはオブジェクトを作成します

    var per2=new Object();
     per2.name="大蛇丸";
     per2.age=30;
     per2.sex="男";
     per2.eat=function () {
     console.log("吃榴莲");
     };
     per2.play=function () {
     console.log("这个小蛇真好玩");
     };
ログイン後にコピー
JavaScript でオブジェクトを作成する 4 つの方法を説明する例



次に、オブジェクトを作成するための 3 番目の種類のカスタム コンストラクターについて考えてみましょう。その内部実装プロセスはどのようなものでしょうか。 ?

上記の例で、オブジェクト var per = new Person ( "ひなた"、18 歳、"女性");
オブジェクトをインスタンス化するときに、年齢、名前、性別の属性の初期化割り当ても完了します。内部処理は次のとおりです。 これを現在のオブジェクトに設定します。 JavaScript でオブジェクトを作成する 4 つの方法を説明する例

# * 3. プロパティとメソッドの値を設定します。 # # * 4. このオブジェクトを返します


第四:工厂モード创建对象 "Xiao Ming",20); カスタム コンストラクター関数はオブジェクトを作成します: var per2=new Person( "Xiaohong",20);

オブジェクトを作成する上記 2 つの方法を比較すると、次の結論を導き出すことができます:

ファクトリモードでのオブジェクトの作成

1. 関数名は小文字です。 2. new キーワードは関数内で使用されます。 3. 戻り値があります。 4. new の後のオブジェクトは現在のオブジェクトです。 5. オブジェクトは次のとおりです。関数を直接呼び出すことで作成できます。

# カスタマイズされたコンストラクター作成オブジェクト

## 1. 関数名、2. いいえ関数内で new キーワードを使用します。3. 戻り値はありません。4. これは現在のオブジェクトを表します。5. new を通じてオブジェクトを作成します。



以上がJavaScript でオブジェクトを作成する 4 つの方法を説明する例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート