给一个对象添加属性和方法的三种方法

2026-04-17 02:31:23

1、打开编辑器,创建HTML和JS文档。然后设立一下基本的架构,并让他们关联。

给一个对象添加属性和方法的三种方法

2、var animal = {

    name: "Tiger",

    weigth: 200,

    sex: "Male",

    barking: function(){

        return "WooWoo!"

    }

}

直接创建一个变量,并且用大括号括起来,里面直接写入属性和方法。

给一个对象添加属性和方法的三种方法

给一个对象添加属性和方法的三种方法

3、var animal = new Object();

animal.name = "Tiger";

animal.weigth = 200;

animal.sex = "Male";

animal.barking = function(){

        return "WooWoo!"

};

我们可以先用new Object()来创建,然后分别输入属性和方法,记得要用分号隔开。

给一个对象添加属性和方法的三种方法

给一个对象添加属性和方法的三种方法

4、function Animal(name, weight, sex){

    this.name = name;

    this.weight = weight;

    this.sex = sex;

    this.barking = function(){

        return "WooWoo!";

    }

}

var tiger = new Animal("tiger", 200, "Male");

我们可以用function来创建,然后在进行对象的实例化,这样可以用同个模板应用在各种数据上。

给一个对象添加属性和方法的三种方法

给一个对象添加属性和方法的三种方法

5、var animal = {};

animal.name = "Tiger";

animal.weigth = 200;

animal.sex = "Male";

animal.barking = function(){

        return "WooWoo!"

};

我们也可以只用一个大括号先创建一个空集,再填入数据。

给一个对象添加属性和方法的三种方法

给一个对象添加属性和方法的三种方法

6、tiger.name = "monkey";

delete tiger.sex;

我们还可以这样进行修改属性和方法,或者删除属性和方法。

给一个对象添加属性和方法的三种方法

猜你喜欢