オブジェクトを作成する複数の方法

1 Star2 Stars3 Stars4 Stars5 Stars (まだ評価されていません)
Loading...

JavaScriptオブジェクトを作成する複数の方法

2017年2月21日20:37:56 CHJ_1993

オブジェクトは多くの開発言語で重要です。文字列、配列、数値などを作成する方法を学びましたが、前に作成したものは単純なデータ型です。 しかし、JavaScriptのデータ型は、単純なデータ型と複合型の2つのデータ型に分類されることがよくあります。

複雑なデータ型では、オブジェクト(Object)は重要な役割を占めます。したがって、オブジェクトを作成する方法は? 以下の集中化された方法を紹介しましょう。

1.オブジェクトリテラルは直接作成されます。

文字列を作成する方法を学びました:var a = "";配列の作成方法:var arr = [];これはリテラルが直接作成される方法です。

そのような簡単な方法で文字列と配列を作成することができます。オブジェクトをこのように作成できますか? 同じですがOKです

形式:var obj = {};

一片のコードを見てみましょう:

var obj = {}; //创建一个空的对象
//创建一个名为 dog 的对象,自定义的属性有 name 和 color
var dog = {
name:"猫",
color:"yellow"
}
alert(dog.name) //这样就可以输出dog的名字

上記を見てから、新しいキーワードで文字列を作成すると、オブジェクトをこのように作成することもできます。

2.新しいキーワードで作成する

構文: var obj = new Object()

同様に、この方法で空のオブジェクトを作成し、内部にプロパティを追加したい場合は、以下のコードを参照してください

var person = new Object(); //创建一个名为 person 的一个空对象
//给person对象添加一些属性
person.name = '李二妹';
person.age = "20";
person.hair = "black";

このように作成するのが非常に便利ですが、プロジェクトのニーズを満たす方法がない場合があります。たとえば、同じ基本プロパティを持つ複数のオブジェクトが必要な場合は、同じコードを何度もコピーしてから、作成するファクトリ・モード作成とも呼ばれるファンクション

3.関数をカプセル化してオブジェクトを作成する

構文: function functionName(){创建对象的代码}

関数をカプセル化してオブジェクトを作成する方法を見てみましょう。

//创建一个person对象,那么我们都知道人,都有姓名,性别,年龄等一些想同属性,如果我们创建多个人那么
//这种方式就很方便了
function createPerson(name,age,sex){
var obj = new Object(); //通过new Object()方式创建一个对象
obj.name = name;      //给该对象添加一些基础属性
obj.age = name;
obj.sex = sex;
return obj;  //返回一个对象
}
var p1 = createPerson("张三");  //这样 就创建了一个p1对象

上記の方法で、3つの方法でオブジェクトを作成することができます。次に、これらのタイプのオブジェクトが現在Objectである場合、オブジェクトを定義したいがObject型ではないことがわかった何? 次に、次に紹介する方法の1つを見てみましょう。

カスタムコンストラクタモードの作成

作成するカスタムコンストラクタとは何ですか? 実際、JavaScriptの弱い型の言語では、コンストラクタはよく使う通常の関数と同じですが、functionキーワードを使用していますが、2つの違いは何ですか:

コンストラクタ: var con = new Constructor();

新しいキーワードで使用する

通常の関数: functionName()

ダイレクトコールは通常の関数です

言いました、誰もがまだ無知なので、このコードを使って

//定义一个函数,此时只是一个普通的函数
function  Person(name,age,sex){
this.name = name;
this.age = age;
this.sex = sex;
}
//通过new 关键词来调用
var p1 = new Person("张三",20,"男");  
//此时 p1 就是一个对象,同样Person 就是一个构造函数,
//注意 : 此时p1的类型不是Object  而是Person

上記は、作成関数を使ってオブジェクトを作成することです。次に、このようにして4つの一般的に使用される関数が作成されます。

あなたのブラウジングは私の目標です


1 Star2 Stars3 Stars4 Stars5 Stars (まだ評価されていません)
Loading...
      この投稿は審査処理中  | 元のサイトへ