JavaScript がオブジェクトを作成する
JavaScript は、一般的に使用されるいくつかの組み込みオブジェクト (後述) を提供しますが、場合によっては、特別で豊富な機能を実現するためにオブジェクトをカスタム作成する必要があります。
たとえば、「student」オブジェクトを作成し、それにいくつかのプロパティとメソッドを割り当てます:
student = new Object(); // 创建对象“student”
student.name = "Tom"; // 对象属性 名字
student.age = "19"; // 对象属性 年龄
student.study =function() { // 对象方法 学习
alert("studying");
};
student.eat =function() { // 对象方法 吃
alert("eating");
};さらに、次のようなオブジェクトを作成することもできます:
var student = {};
student.name = "Tom";
……または次のようなオブジェクト:
var student = {
name:"Tom";
age:"19";
……
}ただし、上記のメソッドは複数のオブジェクトを作成します。 の場合、繰り返しコードが大量に生成されるため、関数を使用して新しいオブジェクトを作成することもできます:
function student(name,age) {
this.name = name;
this.age = age;
this.study = function() {
alert("studying");
};
this.eat = function() {
alert("eating");
}
}次に、new を通じて Student オブジェクトのインスタンスを作成します:
var student1 = new student('Tom','19');
var student2 = new student('Jack','20');<!DOCTYPE html>
<html>
<body>
<script>
person={firstname:"Bill",lastname:"gates",age:56,eyecolor:"blue"}
document.write(person.firstname + " is " + person.age + " years old.");
</script>
</body>
</html>
新しいファイル
<html>
<head>
<script type="text/javascript">
var person = {
name: "dongjc",
age: 32,
Introduce: function () { alert("My name is " + this.name + ".I'm " + this.age); }
};
person.Introduce();
</script>
</head>
<body>
</body>
</html>
プレビュー
Clear
- おすすめコース
- コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜
このコースを視聴した生徒はこちらも学んでいます
