ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

js创建对象的三种方式

2022-03-08 01:03:57  阅读:145  来源: 互联网

标签:name 对象 age 创建对象 js Person 三种 var new


什么是对象?
在JS中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象。
对象=属性+方法

创建对象的三种方式

第一种: 利用字面量创建对象

【对象直接量】
对象字变量: 就是花括号 {} 里面包含了表达这个具体事物(对象)的属性和方法。

var object = {};//创建了一个空对象

语法格式:

var obj = {
  uname: '张',//注意是冒号,逗号
  age: 12, 
 //键值名中间有连字符
 //键值名是关键字
//键值名中间有空格
}

缺点=代码量大,重复代码多

第二种: new object创建

var Person = new Object();
Person.name = 'jack';
Person.age = 29;

创建object引用类型,把实例保存在变量Person中

第三种:使用构造函数创建对象

//emmmmmmm这不是Java里面的构造器嘛!!!
function Person(name,age,job){
  this.name = name;
  this.age = age;
  this.job = job;
  this.sayName = function(){
   alert(this.name);
}
}
var Person1 = new Person('ja',23,'te');
var Person2 = new Person('jja',23,'tiie');

按照惯例,构造函数始终要应该以一个大写字母开头,而非构造函数则应该以一个小写字母开头。
缺点:

就是每个方法都要在每个实例上重新创建一遍,方法指的就是我们在对象里面定义的函数。如果方法的数量很多,就会占用很多不必要的内存。

标签:name,对象,age,创建对象,js,Person,三种,var,new
来源: https://www.cnblogs.com/missSherry/p/15978807.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有