オブジェクトを作成するには 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 垂直センタリングの代替実装コードの詳細な説明(非従来型)
Nginx ロード バランシング サーバー: IP: 192.168.0.4 (Nginx-Serv...
<br />百度百科事典の正式版がついにオンラインになりました。2年間の「テスト版」の帽...
いくつかの記事を読んだ後、ようやく MySQL で row_number() ソートを実装する方法が...
序文プロジェクト開発では、アイコンを使用する方法はたくさんあります。iconfont で適切なアイコ...
システムド: CentOS 7のサービスsystemctlスクリプトは、/usr/lib/syste...
mysqlはbinlogログを正しくクリーンアップします序文: MySQL の binlog はデー...
この記事の例では、双方向データバインディングを実現するためのjsの具体的なコードを参考までに共有して...
前回の記事「202 個の無料高品質 XHTML テンプレート (1)」に続き、123WORDPRES...
年末なので仕事も少なくなっています。私が何もせずにいるのを見ると、上司はきっと不快に思うでしょう。そ...
この記事の例では、Appleの電卓を実装するためのJSの具体的なコードを参考までに共有しています。具...
Docker は、開発者やシステム管理者がアプリケーションを軽量コンテナとして構築およびパッケージ化...
方法1: npm経由でプラグインをインストールする1. npm install vue-print-...
1. Dockerの紹介1.1 仮想化1.1.1 仮想化とは何ですか?コンピュータにおける仮想化とは...
目次序文解決ツールの紹介仕組み使用制限使用上の注意使用例いくつかのパラメータの説明出力例Tencen...
いくつかの概念行ボックス: インライン ボックスを囲むボックス。1 つ以上の行ボックスが積み重ねられ...