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、构造函数创建对象的花样有哪两种?这两种花样的区别有哪些?

答:构造函数创建对象和构造函数创建对象并创建属性和方法。

区别:公式不一样

猜你喜欢

转载自www.cnblogs.com/H97042/p/9125607.html