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

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

区别:公式不一样