创建对象的4种方式

本文详细介绍了JavaScript中创建对象的多种方法,包括使用系统构造函数、字面量方式、工厂模式及自定义构造函数等,深入探讨每种方法的特点与应用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Js创建对象的几种方式:

  1. 使用系统构造函数创建对象    Object   

var smallDog=new Object();

    smallDog.name="大黄";

    smallDog.age=3;

    smallDog.color="黄色";

    smallDog.weight="250";

    smallDog.eat=function () {

        console.log("我要吃大骨头");

    };

    smallDog.walk=function () {

        console.log("走一步摇尾巴");

    };

    smallDog.eat();//方法的调用 的时候需要()

        smallDog.walk();

  1. 使用字面量方式创建对象

                      var  person={};

                             person.name=’小白’;

  1. 工厂模式创建对象(由系统构造函数演变到工厂模式创建对象)

创建学生的对象

创建小狗的对象

         创建人的对象

         ~~~~~~

         每次都要不同对象,这里的对象的特征相同

         可以使用工厂模式对他们进行加工

         function createObject(name,age) {

      var obj = new Object();//创建对象

      //添加属性

      obj.name = name;

      obj.age = age;

      //添加方法

      obj.sayHi = function () {

        console.log("阿涅哈斯诶呦,我叫:" + this.name + "我今年:" + this.age);

      };

      return obj;

    }

    //创建人的对象

    var per1 = createObject("小芳",20);

    per1.sayHi();

    //创建一个人的对象

    var per2 = createObject("小红",30);

    per2.sayHi();

 

 

  1. 自定义构造函数创建对象(构造函数首字母必须是大写)

function Person(name,age) {        //自定义的构造函数

      this.name=name;

      this.age=age;

      this.sayHi=function () {

        console.log("我叫:"+this.name+",年龄是:"+this.age);

      };

    }

var obj=new Person("小明",10);    //创建的对象

    console.log(obj.name);

    console.log(obj.age);

    obj.sayHi();

 

    var obj2=new Person("小红",20);

    console.log(obj2.name);

    console.log(obj2.age);

    obj2.sayHi();

 

自定义构造函数创建对象: 先自定义一个构造函数, 然后创建对象

转载于:https://www.cnblogs.com/zcafe/p/11084205.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值