オブジェクトを作成するには 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 垂直センタリングの代替実装コードの詳細な説明(非従来型)
1. Dockerがイメージをプルするdocker pull mysql (デフォルトで最新バージョ...
1. ElasticSearch とは何ですか? Elasticsearch も Java で開発さ...
1. ダウンロードアドレス: mysql-8.0.17-winx64ダウンロードして解凍する2. フ...
1. まずテーブル作成ステートメントを見てみましょう テーブル学生を作成( sid int 主キー ...
ソースコードの例: https://codepen.io/shadeed/pen/03caf6b36...
注: Web 開発では、フォームに autocomplete="off" を追加...
ようやく手元のプロジェクトが終了し、行方不明だった人たちが戻ってきました!プロジェクトを進める過程で...
この記事は主にインターネット上の他のチュートリアルを参考にしています。実際に操作した上でのまとめです...
ウェブサイトを作成する学生は、アクセス時に一部の nginx サーバーが 504 Gateway T...
1. HTML 画像 <img> 1. <img> タグとその src 属性...
数日前、Server2019の正式版がリリースされたことを知り、面白半分でインストールしてみることに...
目的: Linux では、さまざまな理由でサーバー プログラムがダンプされ、ユーザーの使用に影響する...
目次1. 当初の需要2. 解決策3. 運河の導入と設置運河の仕組み建築インストール4. 検証1. 当...
方法1: onclickイベントを使用する <input type="button&...
公式ドキュメント: https://dev.mysql.com/doc/refman/5.7/en/...