美文网首页Web前端之路Web 前端开发
JS中对象的三种创建方式

JS中对象的三种创建方式

作者: 相关函数 | 来源:发表于2017-11-14 10:31 被阅读26次

第一种

使用函数来创建一个对象

  function Student(name,age) {
    this.name = name;
    this.age = age;
    this.info = function(){
        document.write('名字'+this.name+'年龄'+this.age+'<br/>');
    }
  }

  // 创建对象的实例
  var stu = new Student('张三', 30);
  stu.info();

第二种

使用Object 来创建对象,然后使用赋值来给对象增加属性和方法.

  var student = new Object();
  student.name = '张三';
  student.age = 30;
  student.info = function(){
        document.write('名字'+this.name+'年龄'+this.age+'<br/>');
   }
  student.info();

第三种

使用JSON来创建对象

  var person = {

           'name':'张三',
           'age':30,
           'info':function () {
                document.write('父亲名字:'+this.name+',年龄:'+this.age+'<br/>');
                for (var child in this.sons) {
                document.write('孩子名字:'+this.sons[child].name+',年龄:'+this.sons[child].age+'<br/>');
            }
            },
           'sons':[
              {
                  'name':'jack',
                  'age':3
              },
              {
                  'name':'rose',
                  'age':5
              }
            ]
}

person.info();

相关文章

  • 关于javascript的原型和原型链,看我就够了(二)

    温故 创建对象的三种方式 通过对象直接量 通过new创建对象 通过Object.create() js中对象分为两...

  • JS对象和继承

    JS 对象创建的三种方式 字面量创建方式 系统内置构造函数方式 自定义构造函数 继承方式 for in 继承 原型...

  • 原型与原型链

    一、构造函数 JS中创建对象的方式有三种:对象字面量、new、ES5的Object.create()。但本质上只有...

  • JS中对象的三种创建方式

    第一种 使用函数来创建一个对象 第二种 使用Object 来创建对象,然后使用赋值来给对象增加属性和方法. 第三种...

  • 对象创建

    JS中创建对象有以下3种方式:

  • js对象的三种继承方式

    js对象的三种继承方式转载 2017年06月23日 15:07:56 13300一,js中对象继承对象的js中有三...

  • js中创建对象的方式

    大纲:创建单个对象(Object构造函数,对象字面量)创建多个对象(工厂模式,构造函数模式,原型模式,组合使用构造...

  • js创建对象的三种方式

    不使用类创造对象 1.工厂模式 解决了创建多个相似对象的问题,没有解决对象识别问题。alert(test1 ins...

  • 从小白一步步详解JS中的原型与对象【1】

    面试中被问到很多原型与对象的东西,于是自己总结了这些东西写下,希望有所收获。 JS创建对象方式 方式一: 在js中...

  • JS构造函数内有return

    直接看下面这段代码 输出的是 JavaScript对象的创建方式 首先我们了解一下js中对象的创建方式 在Java...

网友评论

    本文标题:JS中对象的三种创建方式

    本文链接:https://www.haomeiwen.com/subject/rlexvxtx.html