ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

JavaScript---对象

2021-10-31 18:02:58  阅读:134  来源: 互联网

标签:对象 JavaScript 创建对象 --- new 属性 方法 构造函数


  1. 为什么需要对象
  2. 使用字面量创建对象
  3. 使用构造函数创建对象
  4. 说出new的执行过程
  5. 遍历对象

 

1.什么是对象?

现实生活:万物皆对象,对象是一个具体的事物,看得见摸得着的食物。例如,一本书,一辆汽车、一个人可以是“对象”,一个数据库、

一张网页、一个远程服务器的连接也可以是“对象”。

在JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。

对象是由属性和方法组成的。

  • 属性:事物的特征,在对象中属性来表示
  • 方法:事物的行为,在对象中方法来表示

 

 

 保存一个值时,可以使用变量,保存多个值(一组值)时,可以使用数组。

js中对象的表达结构更清晰,更强大。

 

 

 

2.创建对象的三种方式

利用字面量创建对象

利用new Object创建对象

利用构造函数创建对象

 

 

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

定义对象

使用对象

 

 

 

 

变量、属性、函数、方法总结

 

 

 

 

 

 

2.2 利用new object创建对象

跟我们前面学的new Array() 原理一致

 

 

 

 

2.3利用构造函数创建对象

为什么要使用构造函数,就是因为我们前面两种创建对象的方式一次只能创建一个对象

  1. 因为我们一次创建一个对象,里面很多的属性和方法是大量相同的 我们只能复制
  2. 因此我们利用函数的方法,重复这些相同的代码,我们酒吧这个函数称为  构造函数
  3. 又因为这个函数不一样,里面封装的不是普通代码,而是对象
  4. 构造函数 就是把我们对象里面一些相同的属性和方法抽象出来封装到函数里面

 

构造函数:是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与new运算符一起使用。我们可以把对象中一些公共

的属性和方法抽取出来,然后封装到这个函数里面。

 

 

 1.构造函数名字首字母要大写

2.我们构造函数不需要return就可以返回结果

3.我们调用构造函数 必须使用new

4.我们只要new  Star() 调用函数就创建一个对象 

5.我们的属性和方法前面必须添加this

 

 

3.构造函数和对象的区别

 

 

 

new关键字

 

 

 new在执行的时候会做的四件事:

在内存中创建一个新的空对象。

让this指向这个新的对象

执行构造函数里面的代码,给这个新对象添加属性和方法。

返回这个新对象(所以构造函数里面不需要return)

 

 

4.遍历对象

 

 方法也可以遍历

 

 

 

小结:

  1. 对象可以让代码更清晰
  2. 对象复杂数据类型object
  3. 本质:对象就是一组无序的相关属性和方法的集合。
  4. 构造函数泛指一大类,比如苹果,不管是红色苹果还是绿色苹果,都统称苹果。
  5. 对象实例特指一个事物
  6. for....in...语句用于对对象的属性进行循环操作

 

标签:对象,JavaScript,创建对象,---,new,属性,方法,构造函数
来源: https://www.cnblogs.com/hechunfeng/p/15490233.html

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

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

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

ICode9版权所有