JavaScript学习历程：Object

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

学好对象需谨记：

1.每一个对象都有构造器 2.每一个new都会在堆中开辟一块新的内存区 3.每一个函数都有一个原型对象

---

一、Object是什么？

Object在js中属于引用数据类型，是一组属性和方法的集合。
Object的格式：{ 键值：属性，键值：属性，…}

二、对象创建方法

1.对象字面量

代码如下（示例）：

var obj = {
            name:"obj",
            height:175,
            age:22,
        }

以上代码可以构成由三个键值组成的对象

2.构造函数

代码如下（示例）：

var obj2 = new Object{};
obj.name = "obj";
obj.height = 175;
obj.age = 22;

两种构造方式的结果完全相同

我们可以输出两种构造方式构造的对象来验证一下

console.log(obj);
console.log(obj2);

输出结果：

三、对象的使用方法：

1.对象元素的新增和删除

1.在JavaScript中我们可以通过直接调用对象的方式来给对象新增元素

obj.weight = 50;//添加新的元素
console.log(obj);//在浏览器的控制台中输出添加过后的对象

ps:当我们新增对象的元素时使用的是JavaScript中的命令，因此键值与属性之间应该用“=”来连接，而不是“：”。并且，在这一代码的结尾也不是用“，”而是用“；”结尾。

同时这种方式也可以用于修改对象中已有元素的值
格式：对象名.一个已经存在的键值 = 属性;

2.如果我们想要删除一个对象中的属性则可以使用delete指令

delete obj.height;

输出结果如下：

2.访问对象中的元素

在js中我们可以通过对象名.键值的方式调用对象中的元素

console.log(obj.name);

输出结果如下：

如果我们调用的元素是一个方法，则只需要和调用函数的方法一致即可

obj.say = function sayName(){
            console.log("调用sayName方法：" + this.name);
        }
obj.say();

输出结果如下：

3.检测属性

1.in

当我们想要检测一个对象中是否包含某种属性时，可以使用in的方法来进行检测
代码如下（示例）：

var flag = "name" in obj;
var flag2 = "height" in obj;
console.log(flag,flag2);

结果如下：

2.hasOwnProperty（）

这个函数用于检测一个属性是否是调用对象的私有属性，如果是则返回true，不是则返回false
代码如下（示例）：

var height;
flag = obj.hasOwnProperty("name");
flag2 = obj.hasOwnProperty("height");
console.log("name是私有属性：" + flag,"height是私有属性：" + flag2);

结果如下：

可以看到，即使我们声明了height变量，但是依旧没有返回true。这是因为定义在全局的变量并不属于对象obj的私有属性。
但是当我们给obj添加一个height属性后，再次检测，就可以返回true了

var height;
obj.height = 175;
flag = obj.hasOwnProperty("name");
flag2 = obj.hasOwnProperty("height");
console.log("name是私有属性：" + flag,"height是私有属性：" + flag2);

结果如下：

四、对象的方法

1.实例方法

我们通常称直接在对象中声明的方法叫做实例方法，除此以外还有两种方法：

2.静态方法

声明在构造器内部，只能构造函数本身使用，例如：assign
Object.assign(obj1,obj2);
其作用是将obj2中的元素添加进obj中

3.非静态方法

声明在原型中，原型对象或者实力对象都能访问的属性/方法
例：
constructor:返回构造器
toString：转换为字符串
valueof()：

四、对象序列化：

1.什么是对象序列化？为什么要对象序列化？

对象序列化就是将对象转换为JSON字符串，使其更易在信道上传输或者保存在文件中
之所以要将对象转换为JSON字符串是因为在开发中为了节省交流成本

2.对象序列化与反序列化

序列化：JSON.stringify(obj);

反序列化：JSON.parse（）；

---