フロントエンド学習のJavaScript——対象
3754 ワード
1.対象
1.1対象とは?
JavaScriptでは、オブジェクトは無秩序な関連属性とメソッドのセットであり、文字列、数値、配列、関数など、すべてのものがオブジェクトです.
オブジェクトは、プロパティとメソッドで構成されます.
2.オブジェクトを作成する3つの方法
JavaScriptでは、現段階では3つの方法でオブジェクト(object)を作成できます.
2.1字面量によるオブジェクトの作成
オブジェクトの字面量:カッコ{}にこの具体的なもの(オブジェクト)を表す属性と方法が含まれています.{}内はキー値ペアの形式で表示されます
var star = {
name : 'Jack',
age : 18,
sex : ' ',
sayHi : function(){
alert('hi');
}
};
オブジェクトの呼び出し
console.log(star.name) //
console.log(star['name']) //
star.sayHi(); // sayHi , ,
変数、属性、関数、メソッドのまとめ
2.2 new Objectによるオブジェクトの作成
var andy = new Obect();
andy.name = 'Jack';
andy.age = 18;
andy.sex = ' ';
andy.sayHi = function(){
alert('hi');
}
2.3コンストラクション関数によるオブジェクトの作成
コンストラクション関数:オブジェクトを初期化するために主に使用される特殊な関数です.すなわち、new演算子とともに常に使用されるオブジェクトメンバー変数に初期値を付与します.オブジェクト内のいくつかの共通の属性と方法を抽出し、この関数にカプセル化することができます.
jsでは、コンストラクション関数を使用するには、次の2つの点に注意してください.
function Person(name, age, sex) {
this.name = name;
this.age = age;
this.sex = sex;
this.sayHi = function() {
alert(' :' + this.name + ', :' + this.age + ', :' + this.sex);
}
}
var bigbai = new Person(' ', 100, ' ');
var smallbai = new Person(' ', 21, ' ');
console.log(bigbai.name);
console.log(smallbai.name);
に注意
2.4コンストラクション関数とオブジェクト
3.newキーワード
newは実行時に4つのことをします.
4.オブジェクト属性の遍歴
for...in文は、配列またはオブジェクトのプロパティをループするために使用されます.
構文は次のとおりです.for ( in ) {
//
}
構文の変数はカスタマイズされており、ネーミング仕様に合致する必要があります.通常、この変数をkまたはkeyと書きます.for (var k in obj) {
console.log(k); // k
console.log(obj[k]); // obj[k]
}
5.まとめ
for ( in ) {
//
}
for (var k in obj) {
console.log(k); // k
console.log(obj[k]); // obj[k]
}