js原型对象,每个new出来的新对象都有独立的原型对象__proto__

刚才看一篇博文的时候, 动手测试了一下 JavaScript的原型链, 原型对象,发现每个构造器(赋给了某个 prototype ) new 出来的对象都有各自独立的原型对象 __proto__.

prototype 与 __proto__指向的都是同一个对象,一个是“类”上面的,一个是“对像”上面的。 prototype 从字面上“type”就说明了,这个代表一个“类”, 是一个类别、集合,而不是具体的。

类似于 C++语言中类与对象的关系。 而__proto__就是根据具体 的类“prototype” , 实例化处理的具体的某个对象, 通过prototype new不同的对象的__proto__是彼此独立的。。

好像错了!!看下图

错了,错了,原来下面这种测试代码理解错了。 我们给 s.name 赋值的时候,并没有去改到s.__proto__这个对象的name属性。而是 给s对象新增了 name 属性。其输出 s.name的时候,

并没有去 s.__proto__上面找 name 属性,而是直接在 s 对象本身上面就发现了 name 属性, 所以并不会向上在s.__proto__原型链上去找name 属性。!!刚才理解错了,还好反应过来了。

测试代码 如下:

function Fun(){
  //构造器
};
Fun.prototype = {
 name : ‘ysr‘
};

var s  = new Fun();
s.name = ‘pxk‘;
console.log(s.name); //pxk
var t = new Fun();
console.log(t.name); //ysr

  

时间: 2025-01-11 10:40:13

js原型对象,每个new出来的新对象都有独立的原型对象__proto__的相关文章

对象存储,未来存储新潮流

大家众说纷“云”,其中,云存储已经成为业界最为火热的概念之一.大数据时代,没有存储或存储技术,一切都将成为“浮云”! 对象存储本身是一种与传统完全不同的解决方案,类似于当前正在兴起的软件定义存储趋势.客户会利用服务器——多数情况下为商用服务器——来实现存储功能,而供应商必须理解并接受这一点.因此对于硬件供应商来说,他们需要做的不再是单纯依靠存储业务部门销售阵列或者文件存储设备,而是再加深入地推动服务器业务升级.这给新兴的软件定义存储厂商留下了很大的想象空间. 事实上,对象存储与块存储.文件存储,

1--面试总结-js深入理解,对象,原型链,构造函数,执行上下文堆栈,执行上下文,变量对象,活动对象,作用域链,闭包,This

参考一手资料:http://dmitrysoshnikov.com/ecmascript/javascript-the-core/中文翻译版本:https://zhuanlan.zhihu.com/p/32042645 Javascript 是一种单线程编程语言,这意味着它只有一个调用栈,call Stack(调用栈 ,,先入后出) 核心:对象,原型链,构造函数,执行上下文堆栈,执行上下文,变量对象,活动对象,作用域链,闭包,This js原型链? 定义 原型对象也是简单的对象并且可以拥有它们自

js - 创建对象的几种方式(工厂模式、构造函数模式、原型模式)

原文引用https://www.dazhuanlan.com/2019/08/26/5d62f8b594f10/ 工厂模式 做法:内部创建一个对象,并未对象属性赋值并且返回 缺点:解决创建多个相识对象的问题,但不能识别创建的对象的类型 构造函数模式 做法:直接将属性和方法赋值给 this 对象,没有 return 语句 缺点:对象不是共用方法和属性,每 new 一次对象就要创建一个内存,超出性能消耗 原型模式 做法:通过 prototype 为对象添加属性 缺点:每个实例都共享属性方法,实例中修

理解javascript原型和作用域系列(1)——一切都是对象

“一切都是对象”这句话的重点在于如何去理解“对象”这个概念. ——当然,也不是所有的都是对象,值类型就不是对象. 首先咱们还是先看看javascript中一个常用的函数——typeof().typeof应该算是咱们的老朋友,还有谁没用过它? typeof函数输出的一共有几种类型,在此列出: function show(x) { console.log(typeof(x)); // undefined console.log(typeof(10)); // number console.log(t

ES6新特性:Javascript中的Reflect对象

Reflect介绍: Reflect这个对象在我的node(v4.4.3)中还没有实现, babel(6.7.7)也没有实现 ,新版本的chrome是支持的, ff比较早就支持Proxy和Reflect了,要让node支持Reflect可以安装harmony-reflect ; Reflect不是构造函数, 要使用的时候直接通过Reflect.method()调用, Reflect有的方法和Proxy差不多, 而且多数Reflect方法原生的Object已经重新实现了. 什么要使用Reflect

34.JS 开发者必须知道的十个 ES6 新特性

JS 开发者必须知道的十个 ES6 新特性 这是为忙碌的开发者准备的ES6中最棒的十个特性(无特定顺序): 默认参数 模版表达式 多行字符串 拆包表达式 改进的对象表达式 箭头函数 =&> Promise 块级作用域的let和const 类 模块化 注意:这个列表十分主观并且带有偏见,其他未上榜的特性并不是因为没有作用,我这么做只是单纯的希望将这份列表中的项目保持在十个. 首先,一个简单的JavaScript时间线,不了解历史的人也无法创造历史. 1995年:JavaScript以LiveS

js数据类型OA北京转赛车平台出租换及常用方法、内置对象

Date 对象OA北京转赛车平台出租haozbbs.comQ1446595067 Date 对象用于处理日期和时间.创建 Date 对象的语法: var myDate=new Date() 注释:Date 对象会自动把当前日期和时间保存为其初始值.Date 对象方法 Date() 返回当日的日期和时间. setFullYear() 设置 Date 对象中的年份(四位数字). getMonth() 从 Date 对象返回月份(0 ~ 11). getDate() 从 Date 对象返回一个月中的某

人人都能懂的原型对象

提到JS中的对象,我们就不得不提JS对象中的原型.我们知道,JS是可以面向对象编程的语言,通常在面向对象中,继承关系都是通过类来实现的.但是,请记住,在JS中,并没有类的概念.在JS的设计之初就没有类,那么在JS中,继承是通过什么来实现的呢?答案就是原型. 每一个构造函数都有一个与之相关联的对象,该对象称之为原型对象.每个实例对象都能共享其原型对象上的属性和方法.原型对象的作用主要用来实现属性的继承,让实例对象能共享原型对象的属性,减少内存分配.所以,在上一节中,我们想在每个Person对象中共

谷歌浏览器的一个新特点——关于获取iframe的parent对象

谷歌浏览器在调试JavaScript脚本方面很方便,今天在使用谷歌浏览器调试代码时无意间发现了一个奇特的问题:Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match.,这主要是没有获取iframe所在页面的parent的造成的,代码如下: index.html: <html>