JavaScript创建对象的三种方法

  • A+
所属分类:Web前端
摘要

一、什么是对象? 二、为什么需要对象? 三、创建对象的三种方法 1. 利用字面量创建对象

一、什么是对象?

对象指一个具体的事物,泛指的不算对象,对像是一组无序的相关属性和方法的集合;属性是特征常用名词来表示,方法是行为常用动词来表示。

二、为什么需要对象?

当我们保存一个值时,可以使用变量,保存多个值时,可以使用数组;当我们需要保存很多完整、复杂的信息时,我们就会需要对象。

三、创建对象的三种方法

1. 利用字面量创建对象

var 对象名 ={

属性名1 : 属性值1,

属性名2 : 属性值2,

属性名n : 属性值n,

}

里面属性或者方法我们采取键值对的形式:键就是属性名  :值就是属性值;

2. 利用  new Object()创建对象

var obj = new Object();
对象.属性1=属性值1;
对象.属性2=属性值2;
对象.属性n=属性值n;
 
 
利用对象.属性=属性值的方法来添加对象的属性和方法;每个属性和方法之间用分号隔开;

3. 利用构造函数创建对象

之前的两种方式只能一次创建一个对象,我们创建对象里面有很多属性是相同的,我们可以利用函数的方法重复某些相同的代码,我们就把这个函数称为构造函数(构造函数就是把我们对象里面一些相同的属性和方法抽象出来封装到函数里面);里面封装的是对象不是普通代码。

 function 构造函数名() {
          this.属性1 = 值1;
          this.属性2 = 值3;
          this.属性n = 值n;
          this.方法 = function() {

            }
        }

 
我们规范构造函数名首字母大写是为了和普通函数区分开;
构造函数不需要return就能返回值;
我们调用构造函数必须使用new;
属性和方法前必须要用this;
new构造函数是在内存中创建了一个空的对象(我们调用函数,就相当于创建了一个对象,就是构造函数里面的一个实例,而构造函数泛指大类;),this就会指向刚刚创建的新对象,然后执行构造函数里面的代码,给这个空对象添加属性和方法,最后new可以返回这个对象,所以不用return。

四、如何调用对象里面的属性和方法?

1. 调用属性

①对象名.属性名

 ②对象名['属性名']

2. 调用方法

对象名.方法名()