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

 时间:2026-04-23 03:48:02

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;

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

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

  • 怎么把Cisco Packet Tracer设置成中文
  • 如何在VScode中设置单击滚动条按页滚动
  • 视图的作用是什么
  • 如何在HTML中插入图片
  • HTML表单input里面的value有什么用?
  • 热门搜索
    魂牵梦绕是什么意思 什么叫轻浮 韩国什么化妆品值得买 自觉的意思 狐假虎威是什么意思 颧骨高适合什么发型 祝福的成语 微商什么赚钱 唇亡齿寒的意思 膜拜是什么意思