1.字面量创建(JSON格式创建)创建了一个名字为obj1的空对象
    var obj1 = {};

可以通过.语法或者[]语法为对象添加属性或方法.

obj1.name = '小白';

obj1.age = '3';
    obj1.sex = '男';
    obj1.idCard = '1234567898974565123213'
    obj1.height = '180cm';
    obj1.weight = '60kg';
    obj1.run =function(){
     console.log('随风奔跑')
    }
  obj1.eat =function(){
     console.log('朱若')
    }
    var str = '我的名字叫'+obj1.name+',我今年'+obj1.age+'岁了.';
    console.log(str);
    obj1.eat();

2.通过系统构造函数创建
      var obj3 = new Object();//创建空对象

3.工厂模式创建对象(创建同学对象的工厂)
  function createStudent (id,name,sex,age){
   创建空对象
   var obj = new Object;
   添加属性
   obj.id =id;
   obj.name =name;
   obj.sex =sex;
   obj.age = age;
   返回对象
   return obj;
  }
  var student1 = new createStudent('01','张','男','15');
  var student2 = new createStudent('02','可','女','18');
  console.log(student1,student2);

ript>
  //通过自定义构造函数创建
  function People(name,age){
   this.name = name;
   this.age =age;
   this.say =function(){
    console.log('我是'+this.name+',我今年'+this.age+'岁.')
   }
  }
  4.通过new和构造函数创建对象实例
  var p1=new People('小红','20');
  console.log(p1)
  p1.say();

转载于:https://www.cnblogs.com/baobao524/p/10224384.html

前端中对象的几种创建方式相关推荐

  1. 创建函数查找上级_一文秒懂JavaScript中对象的7种创建方式

    1.工厂模式 javascript 代码 工厂模式:能根据接受的参数来创建出一个person对象.也可以无数次的调用这个函数,每次都会返回一个包含3个属性和1个方法的对象. 工厂模式虽然解决了创建多个 ...

  2. JavaScript对象的几种创建方式?

    **` JavaScript对象的几种创建方式? `**

  3. JS中对象的四种继承方式:class继承、原型链继承、构造函数继承、组合继承(构造函数和原型链继承的结合)

    前言 才发现之前没有对JavaScript中的继承做过总结,不过看得到是不少,接下来就对这几种继承方式做一下总结. class继承 class继承是ES6引入的标准的继承方式. ES6引入了class ...

  4. 《javascript高级程序设计》第六章 读书笔记 之 javascript对象的几种创建方式

    本文首发于https://segmentfault.com/a/1190000017776314 一.工厂模式 工厂模式:使用字面量和object构造函数会有很多重复代码,在此基础上改进 解决了多个相 ...

  5. android编程fragment,详解Android中Fragment的两种创建方式

    onCreate():在创建fragment时系统会调用此方法.在实现代码中,你可以初始化想要在fragment中保持的那些必要组件,当fragment处于暂停或者停止状态之后可重新启用它们. onC ...

  6. javascript对象的几种创建方式

    1.工厂模式 function createBlog(name, url) { var o = new Object(); o.name = name; o.url = url; o.sayUrl= ...

  7. java中字符串的创建_【转载】 Java中String类型的两种创建方式

    本文转载自 https://www.cnblogs.com/fguozhu/articles/2661055.html Java中String是一个特殊的包装类数据有两种创建形式: String s ...

  8. 单例对象会被jvm的gc时回收吗_设计模式专题02-单例五种创建方式

    单例五种创建方式(下一篇:工厂模式) 什么是单例 保证一个类只有一个实例,并且提供一个访问该全局访问点 单例应用场景 1. Windows的Task Manager(任务管理器)就是很典型的单例模式( ...

  9. Web框架之Django_07 进阶操作(MTV与MVC、多对多表三种创建方式、前后端传输数据编码格式contentType、ajax、自定义分页器)

    阅读目录 一.MVC与MTV 二.多对多表的创建 三.ajax,前后端传输编码格式contentType 四.批量插入数据与自定义分页器 摘要 MTV与MVC 多对多表三种创建方式 ajax ,前后端 ...

最新文章

  1. 卷积Groups Group Convolutions
  2. Python对QQ音乐进行爬取并进行数据分析
  3. IBatis.Net学习笔记五--常用的查询方式
  4. python模块与包
  5. Lambda表达式有参数有返回值的练习(自定义接口)
  6. 记一次PowerShell免杀实战
  7. python tensorflow 智能家居_TensorFlow平台下的视频目标跟踪深度学习模型设计
  8. 拼字符串成为时间,和两个计算时间点的中间值
  9. RHEL 8 - 用OpenSCAP工具对RHEL进行漏洞安全合规扫描,并修复
  10. ASP.NET MVC初体验
  11. 前端开源项目周报0418
  12. tensorflow之卷积神经网络
  13. acid事务 mysql_MySQL 事务ACID特性
  14. DVWA全级别通关教程
  15. 批处理bat中@echo on/off是什么意思?
  16. 西门子plc vb和c语言区别,西门子plc不同编程语言的区别
  17. 笔记本计算机(Legion)快捷键(加快编辑速度)
  18. 数学建模之蒙特卡洛算法
  19. Java中统计耗时的方法
  20. ckplayer6.8 php播放,CKplayer-超酷网页视频播放器 v6.8

热门文章

  1. 逆波兰式与表达式求值
  2. mac下增加eclipse内存
  3. ThinkPHP利用数据库字段做栏目的无限分类
  4. C语言带参数的main()函数
  5. [翻译] UIImageView-Letters
  6. 从零开始学习ASP.NET MVC 入门
  7. 艰苦的网购火车票,周末可以不用再秒杀余票了
  8. 60分钟入门PyTorch,官方教程手把手教你训练第一个深度学习模型
  9. 强烈推荐!FlyAI机器学习数据竞赛启动,丰厚奖金等你来拿
  10. 人工智能 对比试验_人工智能与药物研发