Javascript深入__proto__和prototype的区别和联系

【Javascript深入proto和prototype的区别和联系】的更多相关文章

Javascript深入proto和prototype的区别和联系

有一个一个装逼的同事,写了一段代码 function a(){} a.__proto__.__proto__.__proto__ 然后问我,下面这个玩意a.__proto__.__proto__.__proto__是啥,然后我一脸懵逼,prototype还知道一点,这个__proto__,还来三个,是个什么鬼.于是我一直不能放下这个问题,虽然我很懒,很不喜欢费脑子,但是这个坎还是过不去,最近两天研究了大半天,就有了这篇文章.我先说出答案, 上面的值为 null.我还很负责的告诉你,下面的_a._…

【JavaScript】proto和prototype的区别和联系【整理】

谈谈proto和prototype的区别

我想javascript中的原型链一直想很多初学javascript的同学感到非常的困惑,今天看了一些文章,结合自己的理解,把原型链这个东西从新来整理一下,如有不对之处,望大家帮忙指出. 首先,我们应该认识的一个问题是,js中的继承是指对__proto__的继承,而不是prototype,这里有同学要问了:“那他们两个有么子区别呢?”, 请看官方的定义: 1. A function's .prototype is actually the prototype of things made by…

js中proto和prototype的区别和关系？这样好理解多了

原型的概念真正理解什么是原型是学习原型理论的关键.很多人在此产生了混淆,没有真正理解,自然后续疑惑更多. 首先,我们明确原型是一个对象,其次,最重要的是, Every function has a prototype property and it contains an object 这句话就是说,每个函数都有一个属性叫做原型,这个属性指向一个对象. 也就是说,原型是函数对象的属性,不是所有对象的属性,对象经过构造函数new出来,那么这个new出来的对象的构造函数有一个属性叫原型.明确这一点…

JavaScript中proto与prototype的关系

一.所有构造器/函数的__proto__都指向Function.prototype,它是一个空函数(Empty function) 1 2 3 4 5 6 7 8 9 Number.__proto__ === Function.prototype // true Boolean.__proto__ === Function.prototype // true String.__proto__ === Function.prototype // true Object.__proto__ ==…

js中proto和prototype的区别和关系？

_proto__(隐式原型)与prototype(显式原型)1.是什么显式原型 explicit prototype property: 每一个函数在创建之后都会拥有一个名为prototype的属性,这个属性指向函数的原型对象.Note:通过Function.prototype.bind方法构造出来的函数是个例外,它没有prototype属性.(感谢 @陈禹鲁同学的答案让我知道这一点) NOTE Function objects created using Function.prototyp…

再说javascript 的proto 和prototype 属性

过了一段时间,没写原生的 javascript 的了,感觉天天在用框架写代码,框架写代码完全限定死了你所需要思考的东西,只是在处理一些业务逻辑,真正的代码都感觉不会写了. 突然发现,框架用的不熟悉,原生的代码也忘得差不多了.感觉很难受,人生不能这样子度过! 重新翻开<javascript 高级程序设计>, 回归到本原.工作上用框架写代码没错,业余时间的话就要自己多写一点原生的代码,或者说研究.模仿.直到自己设计一个框架出来. js 中的类, 对象, 类的静态变量,类的继承 .functi…

JavaScript的proto、prototype和继承

JavaScript也是可以“继承”的! 各位看官或是好奇,或是一知半解.什么是prototype,__proto__,constructor.哪种继承方式好.今天就在这交流交流. 什么是prototype,__proto__,constructor https://blog.csdn.net/cc18868876837/article/details/81211729 (尊重原作者,这是篇超级好的文章,一定要点进去细细研读) 上面文章已经讲的很明白了,最后对文章总结再解释一下第一点主要强调,…

JavaScript中proto与prototype的关系（转）

一.所有构造器/函数的__proto__都指向Function.prototype,它是一个空函数(Empty function) 1 2 3 4 5 6 7 8 9 Number.__proto__ === Function.prototype // true Boolean.__proto__ === Function.prototype // true String.__proto__ === Function.prototype // true Object.__proto__ ==…

深入proto和prototype的区别和联系

前话有一个一个装逼的同事,写了一段代码 function a(){} a.__proto__.__proto__.__proto__ 然后问我,下面这个玩意a.__proto__.__proto__.__proto__是啥,然后我一脸懵逼,prototype还知道一点,这个__proto__,还来三个,是个什么鬼.于是我一直不能放下这个问题,虽然我很懒,很不喜欢费脑子,但是这个坎还是过不去,最近两天研究了大半天,就有了这篇文章. 我先说出答案, 上面的值为 null.我还很负责的告诉你,下面的…

（转）js中proto和prototype的区别和关系

作者:doris链接:https://www.zhihu.com/question/34183746/answer/58155878来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 是时候拿出我珍藏多年的这张图了: &lt;img src="https://pic1.zhimg.com/50/e83bca5f1d1e6bf359d1f75727968c11_hd.jpg" data-rawwidth="520" data…

理解js中proto和prototype的区别和关系

首先,要明确几个点:1.在JS里,万物皆对象.方法(Function)是对象,方法的原型(Function.prototype)是对象.因此,它们都会具有对象共有的特点.即:对象具有属性__proto__,可称为隐式原型,一个对象的隐式原型指向构造该对象的构造函数的原型,这也保证了实例能够访问在构造函数原型中定义的属性和方法.2.方法(Function)方法这个特殊的对象,除了和其他对象一样有上述_proto_属性之外,还有自己特有的属性--原型属性(prototype),这个属性是一个指针,指…

[转载]js中proto和prototype的区别和关系

首先,要明确几个点:1.在JS里,万物皆对象.方法(Function)是对象,方法的原型(Function.prototype)是对象.因此,它们都会具有对象共有的特点.即:对象具有属性__proto__,可称为隐式原型,一个对象的隐式原型指向构造该对象的构造函数的原型,这也保证了实例能够访问在构造函数原型中定义的属性和方法.2.方法(Function)方法这个特殊的对象,除了和其他对象一样有上述_proto_属性之外,还有自己特有的属性--原型属性(prototype),这个属性是…

js中proto和prototype的区别和关系

首先,要明确几个点:1.在JS里,万物皆对象.方法(Function)是对象,方法的原型(Function.prototype)是对象.因此,它们都会具有对象共有的特点.即:对象具有属性__proto__,可称为隐式原型,一个对象的隐式原型指向构造该对象的构造函数的原型,这也保证了实例能够访问在构造函数原型中定义的属性和方法. 2.方法(Function)方法这个特殊的对象,除了和其他对象一样有上述_proto_属性之外,还有自己特有的属性——原型属性(prototype),这个属性…

javascript的this与prototype的区别

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="…

js中proto和prototype的区别和关系？（转）

转自知乎:https://www.zhihu.com/question/34183746…

javascript中构造器（函数）的proto与prototype初探

背景:最近没什么需求,快要闲出屁了,所以重温了一下js的原型,结果大有收获,且偶然看到Snandy大神的<JavaScript中__proto__与prototype的关系> 这篇文章,感觉真是受益匪浅,原文出处:http://www.cnblogs.com/snandy/archive/2012/09/01/2664134.html ****前戏结束,开始正题**** 一.所有构造器/函数的__proto__都指向Function.prototype(Function.prototype是一…

【JavaScript】JS_Object跟Function的区别

JS_Object和Function的区别我们本次的解释,主要通过下图粗看该图,估计你不一定能看明白.不过接下来让我逐行向你解释. 最左侧:意思是,有两个对象f1和f2,他们是通过new Foo()出来的. 中间:Foo()就是最左侧用到的Foo() 最右侧:表示,函数Foo()的prototype属性! 1.__proto__的虚线:该条线表示通过f1.__proto__可以访问到Foo.prototype,其实两者是等价的. 2.constructor实现:表示通过Foo.prototy…

大白话通俗易懂的讲解javascript原型与原型链（proto、prototype、constructor的区别）

javascript原型和原型链是js中的重点也是难点,理论上来说应该是属于面向对象编程的基础知识,那么我们今天为什么要来讲这个呢?(因为我也忘了,最近看资料才揭开面纱…… 哈哈哈) 好了,直接进入正文.在js的编程世界中,万物皆对象:不管你是数组还是函数还是对象,都是属于对象类型:那么这么多对象,如何进行管理呢?js中把对象分为实例对象.函数对象.原型对象三大类: 实例对象: 通过构造函数(所谓构造函数我们可以简单理解为进行new操作的函数就是构造函数)所创建的对象都是实例对象: var p…

15条规则解析JavaScript对象布局（proto、prototype、constructor）

大家都说JavaScript的属性多,记不过来,各种结构复杂不易了解.确实JS是一门入门快提高难的语言,但是也有其他办法可以辅助记忆.下面就来讨论一下JS的一大难点-对象布局,究竟设计JS这门语言的人当时是怎么做的?设计完之后又变成了什么? 我们来看一张图: 相信大家对这张图都不陌生了,构造函数有一个prototype属性指向其原型.相反原型也有一个constructor指向构造函数.与此同时实例也有一个constructor指向构造函数,这简直就是互相捆绑生怕找不到啊不是吗? 还有一个我们称…

javascript--15条规则解析JavaScript对象布局（proto、prototype、constructor）

大家都说JavaScript的属性多,记不过来,各种结构复杂不易了解.确实JS是一门入门快提高难的语言,但是也有其他办法可以辅助记忆.下面就来讨论一下JS的一大难点-对象布局,究竟设计JS这门语言的人当时是怎么做的?设计完之后又变成了什么? 我们来看一张图: 相信大家对这张图都不陌生了,构造函数有一个prototype属性指向其原型.相反原型也有一个constructor指向构造函数.与此同时实例也有一个constructor指向构造函数,这简直就是互相捆绑生怕找不到啊不是吗? 还有一个我们称…

Effective JavaScript Item 30 理解prototype, getPrototypeOf和proto的不同

本系列作为Effective JavaScript的读书笔记. prototype,getPropertyOf和__proto__是三个用来訪问prototype的方法.它们的命名方式非常类似因此非常easy带来困惑. 它们的使用方式例如以下: prototype: 一般用来为一个类型建立它的原型继承对象.比方C.prototype = xxx,这样就会让使用new C()得到的对象的原型对象为xxx.当然使用obj.prototype也可以得到obj的原型对象. getPropertyOf:…

Javascript中的proto、prototype、constructor

今天重温了下Javacript,给大家带来一篇Javascript博文,相信对于Javacript有一定了解的人都听过prototype原型这个概念,今天我们深度的分析下prototype与__proto__. 好了,下面看一个非常简单的例子: var Person = function(name) { this.name = name ; }; var p = new Person("Ben"); console.log(p.name); 代码简单的你不用说明了,如果现在让大家根据…

JavaScript: proto和prototype

图来源于:http://www.cnblogs.com/smoothLily/p/4745856.html 个人的理解: 1. 所有对象都有 __proto__属性,返回该对象的原型对象.例如f1由语句var f1 = new Foo()生成,那么f1.__proto__就是由构造函数Foo生成的原型对象Foo.prototype. f1.__proto__ === Foo.prototype; //true 2. 所有函数具有prototype属性,这是一个指针,指向函数所生成对象的原型对象.…

proto VS. prototype in JavaScript

__proto__ VS. prototype in JavaScript http://dmitrysoshnikov.com/ecmascript/javascript-the-core/#a-prototype-chain // a constructor function function Foo(y) { // which may create objects // by specified pattern: they have after // creation own "y&quo…

javascript中的proto和prototype

一.2个参考网址: http://icekiller110.iteye.com/blog/1566768 http://www.cnblogs.com/snandy/archive/2012/09/01/2664134.html 我是看第一个明白的最多的,因为归纳的比较到位,第二个网址写的内容比较详实二.概念 __proto__是JS内部使用寻找原型链的属性. prototype是显示修改对象的原型的属性. 三.一个例子 <script> var Person = function () {…

JavaScript的原型（prototype、proto、constructor）

构造函数:function Foo() {}; 实例对象: let f1 = new Foo; let o1 = new Foo; 一般函数都有prototype属性,除了window.Math和Function.prototype.bind()(该属性指向原型)等一般对象都有__proto__属性,除了Object.create(null)等,该属性指向了创建该对象的构造函数的原型.其实这个属性指向了[[prototype]],但是[[prototype]]是内部属性,我们并不能访问到,所有…

JavaScript的原型对象prototype、原型属性proto、原型链和constructor

先画上一个关系图: 1. 什么是prototype.__proto__.constructor? var arr = new Array; 1. __proto__是原型属性,对象特有的属性,是对象指向另外一个对象(就是第二点的原型对象),一般是实例对象的属性,如arr.__proto__ 2. prototype是原型对象,构造函数特有的属性,是构造函数指向的对象,如Array.prototype 其中: arr.__proto__ === Array.prototype; //true 3.…

对象&内置对象& 对象构造 &JSON&proto和prototype

原型是一个对象,其他对象可以通过它实现属性继承原型链:每个对象都会在其内部初始化一个属性,就是__proto__,当我们访问一个对象的属性时,如果这个对象内部不存在这个属性,那么他就会去__proto__里找这个属性,这个__proto__又会有自己的__proto__,于是就这样一直找下去,也就是我们平时所说的原型链的概念. 按照标准,__proto__是不对外公开的,也就是说是个私有属性,但是部分浏览器的引擎将他暴露了出来成为了一个共有的属性,让我们可以对外访问和设置. 对象(Obje…

原型和原型对象（proto和prototype）转

看了之后我总算对原型继承有了更深刻的理解,做爱分享的姑娘,原文链接:理解Javascript 原型我(个人)不喜欢的,就是讲原型时上来就拿类做比较的,所以我不会这样讲.不过我的确讲过构造器函数,在这方面和类多多少少有共通之处.我的建议是:忘掉类.有很多观点认为“类”学的泛滥是面向对象的过度发展,是一种悲哀,以至于有太多的开发者几乎把面向对象和类划上了等号.在学习原型之前,我请你先记住并品味这句话: 面向对象设计的精髓在于“抽象”二字,类是实现实体抽象的一种手段,但不是唯一一种. prototy…

【Javascript深入__proto__和prototype的区别和联系】的更多相关文章

【Javascript深入proto和prototype的区别和联系】的更多相关文章