オブジェクトを作成するには 4 つの方法があります。
オブジェクトにはプロパティとメソッドがあります。 1. リテラル値でオブジェクトを作成するvar 人1 = { 名前:「コナン」 年齢:12歳 性別: '男性'、 食べる:関数(){ console.log("お腹が空いたので食べたい") }, 言う:関数(){ console.log("私の名前はコナンです") } } console.log("person.eat 出力関数",person.eat) person.eat(); //直接出力「お腹が空いたので食べたい」
2. 新しいキャラクターを使ってオブジェクトを作成するvar person2 = 新しいオブジェクト(); person2.name = 'コナン' 人2.年齢 = '21' person2.sex = '男性' person2.eat=関数(){ console.log("お腹が空いたので食べたい") } person2.say=関数(){ console.log("私の名前はコナンです") } console.log('sex',person2.sex) //出力は男性 上記の 2 つのオブジェクト作成方法の欠点:
3. 独自のコンストラクタでオブジェクトを作成する関数 Person(名前,年齢,性別,好み){ console.log('likeパラメータに値が渡されていません。未定義です',like) // ここで this は Person オブジェクトを参照します console.log('this',this) this.name=名前; this.age=年齢; this.sex=セックス; this.say=関数(){ console.log("私の名前は",name) } } //このコード行はオブジェクトの作成を意味します//同時にオブジェクトのインスタンスを作成し//このオブジェクトのプロパティを初期化します//したがって、このコード行は単純ではありませんlet per1=new Person('Conan',19,'男'); per1.say(); console.log(per1 インスタンスの Person);//true これで、
新しいオブジェクトを作成するときは、次の 4 つのことを行います。 カスタム オブジェクトを作成することで、新しいオブジェクトを作成するときに次の 4 つのことを実行することがわかります。
4. ファクトリーパターンはオブジェクトを作成する関数createObj(名前,年齢) { obj = new Object(); obj.name=名前; obj.age=年齢; obj.sayHi=関数(){ console.log(オブジェクト名) } obj を返します。 } let per=createObj('司藤',200) console.log(per.age); //200 per.sayHi(); //シ・テン これで、JS でオブジェクトを作成する 4 つの方法についての記事は終了です。JS でオブジェクトを作成する 4 つの方法についての詳細は、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: MYSQL row_number() および over() 関数の詳細な使用方法
>>: CSS 垂直センタリングの代替実装コードの詳細な説明(非従来型)
次のコマンドを使用してコンテナを作成し、ローカルの /home/dock/Downloads ディレ...
なぜprettierを使うのですか?大企業では、フロントエンド開発コードに独自のコード標準がある場合...
目次環境説明Windows 10 に Docker for Windows をインストールするWin...
今日、非常に奇妙な問題に遭遇しました。次のコードを見てください。 SimpleDateFormat ...
最近、カンファレンスの健康申告システムに取り組んでいたとき、バックエンドを構築する必要があり、vue...
前提: ストアド プロシージャは、毎日午後 10 時から午前 5 時まで 10 分ごとに実行されます...
この記事では、5つ星の評価を獲得するためのJSの具体的なコードを参考までに共有します。具体的な内容は...
フォーム要素はたくさんあります。簡単にまとめると、次のようになります。私のやり方では、主にテキスト ...
ターミナルやコンソールで作業しているときは、メールを読むなど、もっと重要な作業があるかもしれないので...
1. Alibaba Cloudは、個人のニーズに応じて適切なクラウドサーバーを選択し、CPU、メ...
目次1. RGBを使用して色を表す2. Tkinter キャンバスコンポーネント3. グラデーション...
目次1. 開発環境から本番環境への移行2. 統一されたリクエストパスを設定する3. パッケージ化コマ...
この記事では、例を使用して、データベースを削除せずに MySQL 内のすべてのテーブルをすばやく削除...
目次リレーショナルデータベースとは何ですか?非リレーショナルデータベースとは何ですか? MySQL ...
Nginx は複数のサーバーをリバース プロキシします。つまり、nginx に異なるリクエストを送信...