JavaScript（四）——对象

悠悠 2021-09-07 08:26 333阅读 0赞

### JavaScript（四）——对象 ###

#### 一、Js的数据类型 ####

（1）String 字符串

（2）Number 数值

（3）Boolean 布尔值

（4）Null 空值

（5）Undefined 未定义

以上五种属于基本数据类型，以后我们所看到的值除了以上五种，全是对象

（6）Object 对象

##### 1、基本数据类型 #####

基本数据类型都是单一的值，值与值之间没有任何联系

eg:123 “你好”

如果使用基本数据类型的数据，我们所创建的变量都是独立的，不能成为一个整体

##### 2、对象 #####

对象属于一种复合的数据类型，在对象中可以保存多个不同的数据类型的属性

#### 二、对象 ####

##### 1、对象的分类 #####

a、内建对象：由ES标准中定义的对象，在任何ES的实现中都可以使用

比如：Math,String,Number,Boolean,fouction,object

b、宿主对象：由JS的运行环境提供的对象，目前来讲主要是指由浏览器提供的对象

比如：BOM、DOM（console.log()中的console）

c、自定义对象：由开发人员自己创建的对象

##### 2、自定义对象 #####

（1）创建对象：使用new关键字调用的函数，是构造函数constructor，构造函数是专门用来创建对象的函数

使用typeof检查一个对象时，会返回object

var obj = new Object();//创建对象并且赋值给obj
    console.log(typrof obj);//object

(2)向对象中添加属性

在对象中保存的值称为属性

语法：对象。属性名 = 属性值

obj.name = "lyq";
    obj.age = 22;

(3)读取对象中的属性

语法：对象.属性

console.log(obj.name)

如果读取对象中没有的属性，不会报错，而是会返回undefined

（4）修改对象的属性值

语法：对象.属性名 = 新值

（5）删除对象的属性

语法：delete 对象.属性

##### 3、属性名和属性值 #####

（1）属性名：对象的属性名不强制要求标识符的规范，但尽量遵守

如果要使用特殊的属性名，不能采用.的方法来操作，需要用另一种方式：

语法：对象\[“属性名”\] = 属性值

读取时也需要采用这种方法

obj["123"] = 789;
    console.log(obj["123"]);

使用\[\]这种形式去操作属性，更加灵活

在\[\]中可以直接传递一个变量，这样变量值是多少就会读取那个属性

obj["123"] = 789;
    var n = "123";
    console.log(obj[n);

（2）属性值：可以是任意的数据类型，甚至可以是一个对象

in运算符：可以通过该运算符可以检查一个对象中是否含有指定的属性

如果有则返回true,没有则返回false

语法：“属性名” in 对象

三、引用数据类型

object

Js中的变量都是保存在栈内存中的

基本数据类型的值都是直接在栈内存中存储，值与值之间都是独立存在的，修改一个变量不会影响到其他的变量

对象是保存在堆内存中，每创建一个新的对象，就会在堆内存中开辟出一个新的空间，而变量保存的是对象的内存地址（对象的引用），如果两个变量保存的是同一个对象引用，当一个通过一个变量改变属性时，另一个也会受到影响

var obj = new object();
    obj.name = "lyq"
    var obj2 =obj;
    obj.name="yq";
    console.log(obj.name);//yq
    console.log(obj.name);//yq

var obj = new object();
    obj.name = "lyq"
    var obj2 =obj;
    obj2 =null
    console.log(obj);//lyq
    console.log(obj2);

当比较两个基本数据类型时，就是比较值

而比较两个引用数据类型时，它比较的是对象的内容地址，如果两个对象一模一样，但是地址不同，它也会返回false

四、对象字面量

使用对象字面量来创建一个对象

var obj = {};
    obj.name = "lyq";
    console.log(obj.name);//lyq

使用对象字面量，可以在创建对象时，直接指定对象中的属性

语法：\{属性名：属性值，属性名：属性值…\}

发表评论取消回复

表情：

评论列表（有 0 条评论，333人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript对象之数组（四）

数组方法（join()、reverse()、sort()） -------------------- join() 语法： arrayObject.join(s

客官°小女子只卖身不卖艺/ 2023年07月17日 06:37/ 0 赞/ 19 阅读

相关 JavaScript 中最常见的 BOM对象详解(四)

一.BOM对象 1. BOM简述作用：用来执行浏览器的相关操作。（例如：浏览器的地址、弹出消息等） window对象-----BOM对象。 ![2020

本是古典何须时尚/ 2023年02月23日 08:49/ 0 赞/ 9 阅读

相关 JavaScript学习手册四：JS对象

JS对象引言 A、对象的创建任务描述相关知识代码文件 B、属性的增删改查任务描述

谁践踏了优雅/ 2023年01月13日 10:58/ 0 赞/ 198 阅读

相关 JavaScript创建对象的四种方式

一. 使用Object创建一个新的对象 1>定义一个新的对象 var student1 = new Object() var student1 = ne

雨点打透心脏的1/2处/ 2022年07月13日 10:49/ 0 赞/ 219 阅读

相关 JavaScript基础系列之四面向对象编程

JavaScript基础系列之四面向对象编程面向对象编程 JavaScript的所有数据都可以看成对象，那是不是我们已经在使用面向对象编程了呢？当然不是。如

港控/mmm°/ 2022年06月09日 01:00/ 0 赞/ 263 阅读

相关 JavaScript 对象

简介基本上 JavaScript 里的任何东西都是对象。 JavaScript 具有面向对象（object-oriented）的特性，在 JavaScript 中，大

迷南。/ 2022年05月27日 13:10/ 0 赞/ 254 阅读

相关前端技术（JavaScript）学习笔记（四）HTML事件、DOM对象、BOM对象

1、HTML事件 html事件，是html元素提供的响应外部动作的唯一途径，也就是说，html的事件可以响应外部动作。比如你希望当鼠标移动到div元素区域内时弹出一个一个消

秒速五厘米/ 2022年05月26日 07:19/ 0 赞/ 251 阅读

相关 JavaScript对象

JavaScript是一种基于对象的语言，对象是JS中最重要的元素 JavaScript中包含有：HTML DOM对象、内置对象、浏览器对象、ActiveX对象 JavaS

怼烎@/ 2022年05月23日 23:29/ 0 赞/ 256 阅读

相关 JavaScript的BOMwindow对象之窗口大小（四）

跨浏览器确定一个窗口的大小不是一件简单的事。 IE9+、Firefox、Safari、Opera和Chrome均为此提供了4个属性：innerWidth、innerHeig

àì夳堔傛蜴生んèń/ 2022年02月05日 02:47/ 0 赞/ 214 阅读

相关 JavaScript（四）——对象

JavaScript（四）——对象一、Js的数据类型（1）String 字符串（2）Number 数值（3）Boolean 布尔值（4）Null 空

悠悠/ 2021年09月07日 08:26/ 0 赞/ 334 阅读