JavaScript&jQuery.创建对象
创建对象
对象有属性、行为、事件。
变量就是对象的属性。
函数就是对象的方法,就是对象的行为。
创建对象,可以先创建对象,再声明对象的属性和方法。也可以创建对像的过程中声明属性和方法。
创建对象有两种方式四种花样。
分别是字面量和构造函数。
字面量创建对象
window.onload=
function
(ev) {
// 调用对象
person.eat();
}
var
person={};
//字面量创建对象
// 设置字面量对象属性
person.name=
'huangshiren'
;
person.age=58;
person.appetite=3;
person.eat=
function
(){
document.write(
'正在吃饭'
);
}
先创建对象,再创建对象属性或方法。对象和属性之间使用(.)运算符,属性和属性值之间用(=)相连。
创建方法,并将函数赋值给方法名,函数包含函数体。
字面量创建对象同时创建属性和方法
window.onload=
function
(ev) {
// 调用对象
person.eat();
}
var
person={};
//字面量创建对象
// 设置字面量对象属性
person.name=
'huangshiren'
;
person.age=58;
person.appetite=3;
person.eat=
function
(){
document.write(
'正在吃饭'
);
}
先创建对象,再创建对象属性或方法。对象和属性之间使用(.)运算符,属性和属性值之间用(=)相连。
创建方法,并将函数赋值给方法名,函数包含函数体。
构造函数创建对象
var 对象变量名=new Object();
window.onload =
function
(ev) {
// 调用对象
person.eat();
}
//构造函数创建对象
var
person =
new
Object();
person.name=
'huangshiren'
;
person.age=58;
person.appetite=3;
person.eat=
function
(){
document.write(
'正在吃饭'
);
};
构造函数创建对象并创建属性和方法
使用的形式与构造函数创建对象不一样,它的公式如下:
function 对象名(可选参数1,可选参数2,可选参数3,...){
this.属性=属性值;
...
this.方法=function(){
//函数体
}
}
用this关键字取代对象名。
window.onload =
function
(ev) {
// 调用对象前先创建
var
huangshiren=
new
Person(
'huangshiren'
,58,3);
huangshiren.eat();
}
function
Person(name,age,appetite){
this
.name=name;
this
.age=age;
this
.appetite=appetite;
this
.eat=
function
(){
document.write(
'正在吃饭'
);
};
}
测试题目
1、创建对象和哪两种方式?
答:字面量和构造函数。
2、字面量创建对象的花样有哪两种?这两种花样的区别有哪些?
答:字面量创建对象和字面量创建对象同时创建属性和方法。
区别:字面量创建对象是先创建对象,再创建对象的属性和方法。
字面量创建对象同时创建属性和方法会在创建对象的同时,属性和方法一起创建。
3、构造函数创建对象的花样有哪两种?这两种花样的区别有哪些?
答:构造函数创建对象和构造函数创建对象并创建属性和方法。
区别:公式不一样