11JavaScript中的对象
技术交流QQ群:1027579432,欢迎你的加入!
1.对象
- 对象是一个具体的事物,看得见摸得着的实物。
- 在JS中,对象是一组无序的相关属性和方法的集合。所有的事物都是对象,例如字符串、数值、数组、函数等。
- 对象是由属性和方法组成。
- 属性:事物的特征,在对象中用属性来表示(常用名词);
- 方法:事物的行为,在对象中用方法来表示(常用动词);
2.为什么需要对象?
- 保存一个值时,可以使用变量,保存多个值(一组值)时,可以使用数组。JS中的对象表达结构更清晰、更强大。
3.创建对象的三种方法
- 在JS中,现阶段可以采用三种方式创建对象:
- 利用字面量创建对象
- 利用new Object创建对象
- 利用构造函数创建对象
- 3.1 利用字面量创建对象
- 对象字面量:花括号{}中包含了表达这个事物(对象)的属性和方法。
- 里面的属性或方法采用键值对的形式。键(属性名): 值;
- 多个属性或者方法中间用逗号隔开;
- 方法中冒号后面跟的是一个匿名函数;
// 1.利用对象字面量创建对象 var obj = {}; // 创建了一个空对象 var player = {name: 'curry',age: '32',gender: 'male',sayHi: function() {console.log('Hi, Curry');} }
- 使用对象:
- 调用对象的属性时,采用对象名.属性名;
- 调用对象的属性另外一种方法是对象名[‘属性名’];
// 使用对象的属性----两种方法 console.log(player.name); console.log(player['age']);
- 调用对象的方法,采用对象名.方法名;
// 使用对象的方法 player.sayHi();
- 变量、属性、函数、方法总结
- 变量和属性的相同点:它们都是用来存储数据的;
var num = 10; var obj = {age: 18; }
- 变量和属性的不同点:变量单独声明并赋值,使用时直接写变量名;属性是在对象中的,不需要声明。使用时必须是对象名.属性;
console.log(obj.age); console.log(age); // 错误!
- 函数和方法的相同点:它们都是实现某种功能,做某件事情;
// 方法 fn: function() {console.log(666); } // 函数 function fn() {console.log(666); } fn();
- 函数和方法的不同点:函数是单独声明并且调用函数名(),单独存在;方法在对象中,调用是采用对象名.方法名();
- 变量和属性的相同点:它们都是用来存储数据的;
- 3.2 利用new Object创建对象
- 利用等号赋值的方法来添加对象的属性和方法;
- 每个属性和方法之间用分号隔开;
// 2.利用new Object创建对象 var zsf = new Object(); // 创建了一个空对象 zsf.name = '库里'; zsf.age = 32; zsf.sex = 'man'; zsf.sayhi = function() {console.log('Hello Curry!'); } console.log(zsf.name); console.log(zsf['sex']); zsf.sayhi();
- 3.3 利用构造函数创建对象
- 因为前面介绍的两种方法,一次创建一个对象,里面很多的属性和方法是大量相同的,我们只能复制。因此,可以利用函数的方法,重复这些相同的代码。于是,将这个函数称为构造函数。
- 因为这个函数不一样,封装的不是普通的代码,而是对象。构造函数就是把对象中一些相同的属性和方法抽象出来封装到函数中。
- 构造函数:是一种特殊的函数,主要用来初始化对象。即为对象成员变量赋初始值,它总与new运算符在一起使用。可以把对象中一些公共的属性和方法抽取出来,然后封装到这个函数中。
- 构造函数的语法格式:
function 构造函数名() {this.属性 = 值;this.方法 = function() {} } // 调用构造函数 new 构造函数名();
- 构造函数的注意点:
- 构造函数的名字首字母要大写!
- 构造函数不需要return语句,就能返回结果;
- 调用构造函数,必须使用new运算符!
- 只要new 构造函数名()调用构造函数就创建了一个对象。
- 构造函数中的属性和方法必须添加this!
- 实例如下:
function Star(name, age, sex) { // 属性 this.name = name; this.age = age; this.sex = sex; // 方法 this.song = function(music) {console.log('四大天王构造函数中的方法'); console.log(this.name + '是四大天王之一, 他的年龄是' + this.age + '岁, 他演唱了歌曲《' + music + '》');} } // 调用构造函数 var ldh = new Star('刘德华', 55, '男'); // 调用构造函数,返回的是一个对象 console.log(ldh.name); console.log(ldh.age); console.log(ldh['sex']); ldh.song('冰雨'); console.log(typeof ldh); var zxy = new Star('张学友', 58, '男'); zxy.song('吻别');
4.构造函数和对象的关系
- 对象是特指一个具体的事物;构造函数是泛指某一大类。它类似于C++中的类class。
- 构造函数,例如上例中的Star(),抽象了对象的公共部分,封装到了函数中,它泛指某一大类。
- 创建对象,如new Star(),特指某一个,通过new关键字创建对象的过程也称为对象的实例化。
- 利用构造函数创建对象的过程也称为对象的实例化。
5.new关键字的执行过程
- (1).new构造函数可以在内存中创建一个空的对象;
- (2).让this指针就会指向创建的空对象;
- (3).执行构造函数中的代码,给这个空对象添加属性和方法;
- (4).返回这个对象,所以构造函数中不需要return语句;
6.遍历对象
- for…in语句用于对数组或对象的属性进行循环操作。
- 语法格式:
for (变量 in 对象) {}
- 具体实例:
var gg = {name: 'curry',age: 32,sex: 'man' }for(var k in gg) {console.log(k); // k是变量,得到的是属性名console.log(gg[k]); // gg[k]得到的是属性值 }
- 注意:for…in语句中的变量,一般写成k或者key!
7.资料下载
- 笔记及代码,欢迎star,follow,fork…
11JavaScript中的对象相关推荐
- 使用Python,OpenCV的Meanshift 和 Camshift 算法来查找和跟踪视频中的对象
使用Python,OpenCV的Meanshift 和 Camshift 算法来查找和跟踪视频中的对象 1. 效果图 2. 源码 2.1 MeanShift 2.2 Camshift(Continuo ...
- Python OpenCV分水岭算法分割和提取重叠或有衔接的图像中的对象
本文将介绍如何使用分水岭算法对触摸和重叠的图像中的对象进行分割和提取. 参考:https://www.pyimagesearch.com/2015/11/02/watershed-opencv/ 分水 ...
- java判断一个对象是否为空_Java中判断对象是否为空的方法的详解
首先来看一下工具StringUtils的判断方法: 一种是org.apache.commons.lang3包下的: 另一种是org.springframework.util包下的.这两种StringU ...
- 【性能优化】面试官:Java中的对象和数组都是在堆上分配的吗?
写在前面 从开始学习Java的时候,我们就接触了这样一种观点:Java中的对象是在堆上创建的,对象的引用是放在栈里的,那这个观点就真的是正确的吗?如果是正确的,那么,面试官为啥会问:"Jav ...
- TensorFlow中的对象检测教程:实时对象检测
导言 创建能够在单个图像中识别和定位多个对象的精确机器学习模型仍然是计算机视觉中的核心挑战.但随着最近深度学习的进步,对象检测应用程序比以往更容易开发.TensorFlow的对象检测API是一个构建与 ...
- ICCV2021|一种用于解决点云场景中同类对象分割的网络
首次提出:一种用于解决点云场景中同类对象分割的端到端网络 融合协同对比学习和相互注意采样机制进行无监督点云对象的同类分割 Unsupervised Point Cloud Object Co-segm ...
- 创建健壮的isArray()函数(JavaScript中判断对象类型的种种方法)
我们知道,JavaScript中检测对象类型的运算符有:typeof.instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一 ...
- ORACLE Recyclebin管理及flashback recyclebin中的对象
Flashback用于恢复用户误删除的对象(包括表,索引等), 不支持sys用户. system表空间下的对象,也不能从回收站里拿到. 故使用SYS 或者SYSTEM用户登陆时, show recyc ...
- .net中的对象序列化(1): 序列化是什么, 以及一个简单的例子
1. 为什么需要序列化,什么是序列化 对于一个程序来说, 使用到的对象都是存在于内存中的.如果想保存这些对象的运行时状态, 或者需要在不同进程或者网络间传递对象,就需要序列化. 序列化就是讲运行中的对 ...
最新文章
- centos安装android应用程序,centos7软件安装系列【二十一】安装android打包环境
- 卡方线性趋势检验_SPSS:趋势卡方检验
- 异常:fatal: unable to access 'https://git.oschina.net/pcmpcs/library.git/': Could not resolve host...
- C语言---链表的基本应用
- 微博爬虫 ----- 微博发布时间清洗
- gazebo打不开world
- 22条你不知道的微营销干货
- Windows内核研究工具
- tomcat 环境迁移至weblogic 下载文件失败
- 【认识硬件】之 电压比较器芯片LM393
- LPC1788入门手记
- 告别手敲template,自动生成基础模板(Vue)
- light动名词_—Thelightintheofficeisstillon.—Oh,Iforgot_____.[ ]A.tur
- 凝思磐石linux系统怎么切双屏_linux系统下怎么设置双屏拼接
- 串的定义及其基本操作的实现
- 计算机音乐夜空,星空音乐在线点播系统
- mySQL提取姓氏_MySQL 提取姓名大写首字母缩写
- Bailian4005 拼点游戏【贪心】
- 简单的python装b代码_一秒学会,小白也能上手,最简单的装逼代码
- Android ToggleButton:状态切换的Button
热门文章
- 软件包管理 之 Linux软件安装之RPM的安装技巧
- docker-registry的定制和性能分析
- TensorFlow领衔,七大深度学习框架大对比!
- 行集函数:OpenRowSet 和 OpenQuery
- GIT之旅【第一篇】
- MySql的导入与导出
- JAVA wait(), notify(),sleep具体解释
- Entity Framework 5中遇到的 mysql tinyint(1) 转换为 bool 的问题 (我用的是VS2013中的EF5版本)...
- jquery animate函数实现
- Linux DHCP服务搭建