一、什么是对象？通俗的对象就是一个物体，例如计算机、手机等，对象有属性和功能函数，例如手机的重量是它的属性，手机能播放音乐是它的功能函数。不过这还太通俗，往往还不能很符合编程的方式，在编程的世界里，对象是一种数据结构，在面向对象编程里，对象拥有属性和函数，对象是针对某一功能的整体封装，例如web开发中，可以将用户封装成user对象，每个用户有名称name和年龄age：
文章图片
JavaScript中的对象都是动态的，可以动态添加属性和函数，这和C++、java等一些语言不大相同，这种动态的特点实际上写的太随便也不好控制，有时还是要当做强类型编程会好一点。
JavaScript中除了基本类型的字符串类型、数值类型、布尔类型、null和undefined之外的类型都是引用类型，对象类型是一种引用类型。基本类型和引用类型的根本区别在于存储的位置不同，生命周期也不同，对象在堆中，基本数据类型在栈中，后面还会谈到的Array数组类型、Date类型、Function类型都是引用类型。
二、对象的创建方式
文章图片
JavaScript创建对象的方式有两种，一种是使用new运算符创建Object对象，另一种是使用对象字面量的方式创建对象。
1、使用Object类创建Object对象实例，类是一个模板，对象是类模板的一个实例，类不会存在内存中，只有实例对象存在内存中使用，JavaScript中，对象的属性和函数都可以动态添加给Object实例，使用new Object()创建实例，new是一个操作符，Object()是一个构造函数，这个构造函数和之前说过的String()函数一样，前面加上new就自动成为了构造函数，Object()函数返回一个对象实例。
创建对象的实例如下：
/**
* 使用new操作符创建对象
* Object()是一个函数，加载new操作符成了构造函数
* Object()函数返回一个对象实例
**/
var user = new Object();
console.log(typeof(user));
// 输出：object
// 动态添加属性
// 方式一，使用.点操作符：
user.name = "Tomcat";
// 方式二，使用[]：
user.email = "tomcat@apache.org";
// 动态添加函数，函数也是对象的属性，所以同样可以使用点.操作符和[]
// 添加函数属性，使用匿名函数
user.login = function(){
console.log("user login: " + this.email);
}
user["logout"] = function(){
console.log("user logout: " + this.email);
}// 访问属性和函数同样可以使用点.操作符和[]
console.log(user.name);
console.log(user["email"]);
user["login"]();
user.logout();
2、使用对象字面量创建对象，
字面量的意思就是直接写出来，对象字面量方式创建主要是键值对的形式，键值对即：属性名称+冒号+属性值，每个键值对用逗号隔开，也称为JSON对象，它就是一种键值对的数据格式，创建对象后同样可以动态添加属性和函数，重复定义的属性或函数会被后面的覆盖掉。
使用对象字面量创建对象的实例如下：
// 使用对象字面量创建对象
var post = {
title: "You belong to me",
author: "Bob Dylan",
content: "see the pyramids along the Nile",
fly: function(){
console.log("fly the ocean in a silver plane");
}
};
post.createTime = new Date().toLocaleString();
console.log(post.title);
console.log(post.author);
console.log(post.createTime);
post.fly();
三、对象的内存解释：堆和栈
文章图片
浏览器从服务器加载JavaSript代码，解析并执行，尽管JavaSript是一种解析语言，但是它仍然有着和其它语言相类似的内存管理模式，内存管理是编程语言的核心，从根本上来说，我们编程其实就是面向栈/堆编程？
【JavaScript基础快速入门教程（六）（对象详解和编程实例）】栈和堆是什么呢？它们是内存中的两种空间，一般来说一个JavaSript程序拥有自己的内存空间，这个内存空间可分为栈区、堆区、全局静态区、文字常量区、程序代码区，全局静态区存放一些全局变量，文字常量区存放一些字面值变量。在这里我们重点解析一下栈区和堆区。
栈区的内存由系统自动分配，自动释放，而且栈区的空间有限，一般都比较小，但是执行速度快，堆区由程序动态申请空间，理论上不受限制，速度相对慢一些。
栈区一般先进后出，从第一段代码执行开始入栈 ，后面的代码陆续入栈，如下面一段代码，var tag = “name“; 先入栈执行，tag变量存放在栈空间中，file对象则存放在堆空间中，执行到fly()函数，先将fly函数的代码压栈执行，完成后再向下继续执行，这称为一个线程，一个栈区对应一个线程，只能由上至下执行。
var tag = "name";
var file = new {
name = "dir"
};
post.fly();
在C/C++里，堆内存一般需要程序员手动释放，不过在JavaSript不用，JavaSript动态管理内存，所以你也不用过于担心这个问题，不过理解堆和栈可以让你更清楚编写的代码究竟是什么意思，例如后面还有一个JavaSript单线程和消息异步执行的概念，也需要对栈和堆有所了解。
四、对象的属性详解删除对象的属性使用delete操作符删除，delete object.value删除object对象的value属性，例如：
delete post.title;
console.log(post.title);
// 输出undefined
但是要注意，delete不能删除使用var声明的变量。
那么JavaSript如何检测对象是否存在某属性呢？使用in操作符 ，”value” in object表示判断value属性是否在object中，例如：
// 使用in操作符检测对象是否含有某属性
var image = {
title: "nake",
format: "jpeg"
}
delete image.title;
console.log("nake" in image);
// 输出：false
使用for in循环遍历对象的属性，for(var value in object)，使用var声明一个value变量接收object对象的所有属性，要注意的是，遍历得到的value是属性的名称字符串，而不是属性的值，使用实例如下：
// 使用for in遍历对象的所有属性
var movie = {
title: "Once upon a Time in America",
director: "Leone",
content: "A story of a old time in Armerica"
}
for(var attr in movie){
console.log("[" + attr + "]");
// 访问对象的属性
console.log(movie[attr]);
// 输出对象所有属性的值
} // 输出：titledirector content
五、对象的构造函数和原型JavaScript中每个对象都有自己的原型对象（null没有），对象可以直接使用原型对象的方法和属性，console.log(movie)输出movie对象的结构：
文章图片
可以看到move对象有一个__proto__属性，这个就是对象的原型对象，原型对象中有Object()函数，这个就是构造函数，另外还有我们常见的toString()、toLocalstring函数，对象可以使用原型对象的所有属性和方法，这就实现了面向编程中的继承。
这里我们先简单了解一下JavaScript的原型，后面会详细讲解，因为原型也是JavaScript中的核心内容。
推荐阅读
- JavaScript基础快速入门教程（七）（数组创建、遍历数组、数据结构和算法和实例）
- vue.js框架快速入门简明教程(五)（表单）
- vue.js框架快速入门简明教程(四)（样式绑定和事件处理器）
- JavaScript基础快速入门教程（五）（函数的定义和调用、带参函数和匿名函数）
- Linux中的tty命令和示例
- Python中的多态性用法指南
- Scala多态性介绍和用法指南
- Linux中的ps命令示例和指南
- CSS按钮样式介绍和代码示例