原型链

标签: 原型链 new操作符 创建对象 原型对象 prototype
7人阅读 评论(0) 收藏 举报
分类:

创建对象的几种方式:

  • 通过字面量的方式来创建:
var o1 = { name: 'song'};    字面量创建会默认调用下面的 new Object()来创建对象
var o2 = new Object({ name: 'song'});
  • 通过构造函数的方式来创建:
var Person = function(){ name: 'song'};
var o3 = new Person(); 

  • 通过Object.create方法来创建:
var Person1 = { name: 'song'};
var o4 = Object.create(Person1);

原型链类:包含实例对象、构造函数、原型对象、原型链

    构造函数:任何的函数只要使用了 new 关键创建一个实例化的对象,就称这个函数为构造函数。

    实例对象:使用 new 关键字创建的对象称为实例对象。

任何一个函数都有一个prototype属性,这个prototype属性就指向这个函数的原型对象。

这个原型对象的constructor属性指向了这个函数的构造函数。

每个实例对象的__proto__属性指向它的原型对象。

    原型对象:构造函数的prototype属性就是这个函数的原型对象。

    原型链:实例对象的__proto__属性指向它的原型对象,而这个原型对象的__proto__属性指向这个原型对象的原型对象,就这样一直向上最终指向Object.prototype。这样形成的一个由多个对象组成的链式的链,就称为原型链。

原型链的功能:原型对象上的属性和方法都是被它自己对应的实例对象所共享的。当一个实例对象调用它的一个方法时,js引擎会在这个实例上找,如果没有,则会到这个实例的原型对象上找,如果还没有就沿着原型链一直向上找,直到找到为止。

instanceof: o1 instanceof(M) 判断这个对象是不是这个构造函数的实例对象,实际上判断的是这个对象的__proto__属性是不是与这个构造函数的prototype属性指向同一个原型对象。

new 运算符:new运算符做了什么。

  1. 创建一个空对象,并继承了构造函数的原型对象;
  2. 执行构造函数,执行的时候相应的参数会被传入,同时上下文(this)会指向新实例;
  3. 返回这个对象。
查看评论

原型和原型链,作用域链区别

原型和原型链,作用域链区别: 在JavaScript中,一共有两种类型的值,原始值和对象值.每个对象都有一个内部属性[[prototype]],我们通常称之为原型.原型的值可以是一个对象,也可以...
  • nideshijian
  • nideshijian
  • 2016-10-13 15:56:22
  • 3757

javascript的原型与原型链

深入理解javascript原型链   在javascript中原型和原型链是一个很神奇的东西,对于大多数人也是最难理解的一部分,掌握原型和原型链的本质是javascript进阶的重要一环。今天...
  • qq_29999249
  • qq_29999249
  • 2017-03-15 11:45:27
  • 1164

原型链(一):辨别原型链的两种方法

JS对象查找属性与方法时,除了优先会从自身查找,还会不断追溯自己的原型祖先,自到追溯到Object对象的原型为止。基于JS对象原型的这种特征,为了保证调用正常,经常需要判断对象之间是否存在原型关系,这...
  • yiifaa
  • yiifaa
  • 2016-08-11 18:52:32
  • 1213

简述原型链是什么,有什么用处?若想访问一个对象的原型,应该使用什么方法?

1.背景介绍原型链是一种机制,指的是JavaScript每个对象包括原型对象都有一个内置的[[proto]]属性指向创建它的函数对象的原型对象,即prototype属性。2.知识剖析我们知道 JS 有...
  • jnshu_it
  • jnshu_it
  • 2017-09-10 22:26:19
  • 744

一张图瞬间让你明白原型链结构

看图之前我们首先来了解几个对象原型的基本知识:     例子:     function Fn() {}// Fn为构造函数     var f1 = new Fn();//f1是Fn构造函数创...
  • qq_34629352
  • qq_34629352
  • 2017-11-16 17:43:17
  • 3366

彻底理解javascript中的原型链

要弄清楚原型链就要先弄清楚 function 类型,在javascript中没有类的概念,都是函数,所以它是一门函数式的编程语言。类有一个很重要的特性,就是它可以根据它的构造函数来创建以它为模板的对象...
  • ljl157011
  • ljl157011
  • 2014-02-22 13:38:11
  • 12845

JavaScript原型链与继承内容总结

总结 第三天: 1. JavaScript继承 JavaScript继承可以说是发生在对象与对象之间,而原型链则是实现继承的主要方法; 1.1 原型链 利用原型让一引用类型继承另一个引用类型...
  • qq_33744228
  • qq_33744228
  • 2017-08-20 19:05:55
  • 257

谈谈对原型链的理解

许多OO语言支持两种继承方式:接口继承和实现继承。 接口继承只继承函数签名,实现继承则继承实际的方法。 由于函数无签名,在JavaScript中无法实现接口继承。所以只能实现方法继承。实现继承主要...
  • csdn_zsdf
  • csdn_zsdf
  • 2017-04-12 19:31:16
  • 1952

js原型链运行原理

原型链理解起来有点绕了,网上资料也是很多,每次晚上睡不着的时候总喜欢在网上找点原型链和闭包的文章看,效果极好。不要纠结于那一堆术语了,那除了让你脑筋拧成麻花,真的不能帮你什么。简单粗暴点看原型链吧,想...
  • devincob
  • devincob
  • 2017-05-09 16:42:55
  • 403

原型和原型链的一些基本知识

原型和原型链
  • YX_Brilliant
  • YX_Brilliant
  • 2017-10-28 09:30:14
  • 726
    个人资料
    持之以恒
    等级:
    访问量: 1290
    积分: 301
    排名: 26万+
    文章存档