在javascript中，当系统加载构造函授后 ，会自动在内存中增加一个对象，这个对象就是原型对象。构造函数和原型对象在内存中表现为相互独立，但两者之间还存在联系，构造函数的prototype是原型对象，而原型对象的constructor是构造函数。

创建对象的方法

　　字面量、构造函数、Object.create

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>创建对象</title>

</head>

<script>

    // <!-- 创建对象 -->

    // 字面量

    var obj1 = {"name": "o1"};

    var obj2 = new Object({"name": "o2"});

    // 构造函数

    var F = function(name){ this.name = name};

    var obj3 = new F('o3');

    // Object.create

    var obj4 = Object.create({name:'o4'});

</script>

<body>

</body>

</html>

prototype与__proto__

　　函数才有prototype属性，对象没有这个属性；

　　但是函数有__proto__这个属性，因为函数也属于对象，只要是对象就有__proto__这个属性，只不过函数的__proto__是Function.prototype。

　　请看下图：

实例、构造函数、原型对象

　　从上图可以看出：

　　1.实例是通过new一个构造函数生成的；

　　2.构造函数的prototype跟new出来的实例的__proto__是同一个原型对象；

　　3.原型对象的constructor属性指向的是构造函数；

　　4.原型对象也是对象，也有__proto__，它的__proto__还是原型对象

原型对象与实例的关系

　　实例是原型对象的constructor属性（构造函数）new出来的一个对象。

　　一个构造函数可以通过传不同的参数new出很多个实例，但是如果想给实例添加方法的话就要在每一个实例里都写一遍，会很麻烦，有了原型对象，就可以方便很多，可以在原型对象中写好方法，new出来的实例自然也有原型中的方法。

原型链

　　从以上几项的关系图中就可以看出什么是原型链，原型链就是由原型组合成的一个链条，对象的__proto__是原型对象，原型对象本质也是对象，所以原型对象也有__proto__，这样一直往上找__proto__，

直到找到__proto__:Object时就结束了。

以上就是有关原型对象和原型链的一些知识，有写的不对的地方欢迎大家指正！

-ＴＨＥ　ＥＮＤ-

javascript原型对象与原型链的更多相关文章

  1. 三张图较为好理解JavaScript的原型对象与原型链

    最近从网上看到别人详细得讲解了js的原型对象和原型链,看完感觉是看得最清晰的一个,于是,摘录到自己博客里 对于新人来说,JavaScript的原型是一个很让人头疼的事情,一来prototype容易与_ ...

  2. 还在问什么是JavaScript构造函数、实例、原型对象以及原型链？看完这篇你就懂

    1概述 ES6, 全称 ECMAScript 6.0 ,2015.06 发版.在ES6之前,对象不是基于类创建的,而是用一种称为构造函数的特殊函数来定义对象和它们的特征. 2构造函数 构造函数是一种特 ...

  3. 【javascript】对原型对象、原型链的理解

    原型对象,原型链这些知识属于基础类知识.但是平时开发过程中也很少用到. 看网上的意思,原型链用于es5开发场景下的继承.es6有了类语法糖之后,就自带继承了. 通过理解,个人画了一张原型链解构的关系图 ...

  4. JavaScript基础之原型对象和原型链

    原型对象 原型对象简单来说就是函数的原型所指向的对象.前面说原型的时候,说了Object.prototype所指对象就是Object(函数)的原型对象.在每个函数的原型对象中,默认会有construc ...

  5. javascript学习-对象与原型

    javascript学习-对象与原型 Javascript语言是符合面向对象思想的.一般来说,面向对象思想需要满足以下三个基本要求: 封装,Javascript的对象可以自由的扩充成员变量和方法,自然 ...

  6. jacascript 构造函数、原型对象和原型链

    前言:这是笔者学习之后自己的理解与整理.如果有错误或者疑问的地方,请大家指正,我会持续更新! 先梳理一下定义: 我们通常认为 object 是普通对象,function 是函数对象: Function ...

  7. 对ES6中类class以及实例对象、原型对象、原型链之间关系的详细总结

    1. 类 ES6 中新增加了类的概念,可以使用 class 关键字声明一个类,之后用这个类来实例化对象.即类的用途:实例化对象. // 创建一个Person类 class Person { } // ...

  8. 三张图搞懂JavaScript的原型对象与原型链

    对于新人来说,JavaScript的原型是一个很让人头疼的事情,一来prototype容易与__proto__混淆,二来它们之间的各种指向实在有些复杂,其实市面上已经有非常多的文章在尝试说清楚,有一张 ...

  9. 三张图搞懂JavaScript的原型对象与原型链 / js继承，各种继承的优缺点（原型链继承，组合继承，寄生组合继承）

    摘自:https://www.cnblogs.com/shuiyi/p/5305435.html 对于新人来说,JavaScript的原型是一个很让人头疼的事情,一来prototype容易与__pro ...

随机推荐

  1. Spring Boot中使用Swagger2构建RESTful API文档

    在开发rest api的时候,为了减少与其他团队平时开发期间的频繁沟通成本,传统做法我们会创建一份RESTful API文档来记录所有接口细节,然而这样的做法有以下几个问题: 1．由于接口众多,并且细 ...

  2. MySQL查询50例

    创建表和关系 /* 创建表 */ /*年级表*/ DROP TABLE IF EXISTS `class_grade`; CREATE TABLE `class_grade` ( `gid` int( ...

  3. 初识java java的加载与执行(JDK,JVM,JRE关系解释)

    首先java代码是以 .java结尾的文件,通过javac命令编译生成.class编译生成字节码文件,再通过java命令,把字节码文件加载到内存内部,此时是类加载器ClassLoader执行加载,通过 ...

  4. 11-02 Java Object类使用详解

     Object 作为超类 Object是类层次结构的根类,所有的类都直接或者间接的继承自Object类. Object类的构造方法有一个,并且是无参构造,这其实就是理解当时我们说过,子类构造方法默认访 ...

  5. Redis学习系列五Set(集合)

    一.简介 Redis中的Set(集合)相当于C#中的HashSet,它内部的键值对时无序的.唯一的.用过Dictionary的都知道,Dictionary都知道,里面的每个键值对肯定是唯一的,因为键不 ...

  6. 全网最详细的Windows系统里PLSQL Developer 64bit的下载与安装过程（图文详解）

    不多说,直接上干货! ORACLE是数据库,有客户端和服务器: 其,具体下载,可见http://www.oracle.com/technetwork/database/enterprise-editi ...

  7. asp.net调用js方法

    C#前台js调用后台代码 前台js <script type="text/javascript" language="javascript"> fu ...

  8. 【转】深入理解Java中的final关键字

    Java 中的final关键字非常重要,它可以应用于类.方法以及变量.这篇文章中我将带你看看什么是final关键字?将变量,方法和类声明为final代表了 什么?使用final的好处是什么?最后也有一 ...

  9. [Python 从入门到放弃] 4. 什么是可选参数

    参数在函数中使用,顾名思义.可选参数就是:这个参数是可选的 也就是可有可无 我们来看一下这个例子: ver 1: 1.定义一个迭代输出列表元素的函数myPrint 2.参数为 列表 def myPri ...

  10. java断言assert初步使用：断言开启、断言使用

    1 说明 java断言assert是jdk1.4引入的. jvm断言默认是关闭的. 断言可以局部开启的,如:父类禁止断言,而子类开启断言,所以一般说“断言不具有继承性”. 断言只适用复杂的调式过程. ...