资讯专栏INFORMATION COLUMN

原型与原型链

LuDongWei / 1782人阅读

摘要:因为每个地址里都会存在和这样会造成内存浪费所以要使用公用属性来节省空间原型共有属性语法对象函数对象函数函数函数的共有属性是的共有属性是的共有属性的共有属性和的区别是什么是对象的属性是函数的属性无代码状态浏览器会先把代码初始好是的共用属性的引

var n = new Number(1);
var s = new String("hi");
var b = new Boolean(true);
var o = new Object();


因为每个地址里都会存在toString 和 valueOf
这样会造成内存浪费
所以要使用 Object公用属性 来节省空间

var o1 = new Object();

原型(共有属性)

语法:
var 对象 = new 函数();
对象.__proto__ === 函数.prototype
var obj = 函数.prototype
函数.prototype.__proto__ === object.prototype

//Obiect 的共有属性是 Object.prototype
var o1 = {};
o1.__proto__ === Object.prototype; //true

//Number 的共有属性是 Object.prototype
var n1 = new.Number(1);
n1.__proto__ === Number.prototype; //true
n1.__proto__.__proto__ === Object.prototype //true

//String 的共有属性
var s1 === new String("1");
s1.__proto__ ===  String.prototype; //true
s1.__proto__.__proto__ ===  Object.prototype; //true

//Boolean 的共有属性
var b1 = new Boolean(true);
b1.__proto__ ===  Boolean.prototype; //true
b1.__proto__.__proto__ ===  Boolean.prototype; //true
proto 和 prototype 的区别是什么?

proto 是对象的属性
prototype 是函数的属性

无代码状态 浏览器会先把代码初始好
String.prototype 是 String 的共用属性的引用
s.__proto__ 是 string 的共用属性的引用

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/109213.html

相关文章

  • 《javascript高级程序设计》笔记:原型图解

    摘要:不理解没关系,下面会结合图例分析上一篇高级程序设计笔记创建对象下一篇高级程序设计笔记继承参考之原型链的解读三张图搞懂的原型对象与原型链继承与原型链 文章直接从原型图解开始的,如果对一些概念不太清除,可以结合后面几节查看 1. 图解原型链 1.1 铁三角关系(重点) function Person() {}; var p = new Person(); showImg(https://s...

    vspiders 评论0 收藏0
  • 【5】JavaScript 函数高级——原型原型深入理解(图解)

    摘要:探索是如何判断的表达式如果函数的显式原型对象在对象的隐式原型链上,返回,否则返回是通过自己产生的实例案例案例重要注意的显示原型和隐式原型是一样的。面试题测试题测试题报错对照下图理解 原型与原型链深入理解(图解) 原型(prototype) 函数的 prototype 属性(图) 每个函数都有一个prototype属性,它默认指向一个Object空对象(即称为:原型对象) 原型对象中有...

    马龙驹 评论0 收藏0
  • JavaScript中的原型原型

    摘要:前言作为前端高频面试题之一,相信很多小伙伴都有遇到过这个问题。 前言 作为前端高频面试题之一,相信很多小伙伴都有遇到过这个问题。那么你是否清楚完整的了解它呢? 国际惯例,让我们先抛出问题: 什么是原型、原型链 它们有什么特点 它们能做什么 怎么确定它们的关系 或许你已经有答案,或许你开始有点疑惑,无论是 get 新技能或是简单的温习一次,让我们一起去探究一番吧 如果文章中有出现纰...

    laoLiueizo 评论0 收藏0
  • 进击JavaScript之(四)原型原型

    摘要:每一个由构造函数创建的对象都会默认的连接到该神秘对象上。在构造方法中也具有类似的功能,因此也称其为类实例与对象实例一般是指某一个构造函数创建出来的对象,我们称为构造函数的实例实例就是对象。表示该原型是与什么构造函数联系起来的。 本文您将看到以下内容: 传统构造函数的问题 一些相关概念 认识原型 构造、原型、实例三角结构图 对象的原型链 函数的构造函数Function 一句话说明什么...

    XBaron 评论0 收藏0
  • 原型一:原型原型

    摘要:说白了,原型就是构造函数用来构造新实例的模板对象。什么是原型链先回答什么是原型。例如这个原型的原型就是这个构造函数的,既这个原型对象。这些原型对象通过像链子一样连起来,就叫做原型链。 原型链初步学习 这篇博客只是我初步理解原型链的一个个人学习笔记,写的比较粗略,且有的地方可能理解错误. 更多更专业的关于原型链的解释请看JavaScript深入之从原型到原型链和阮一峰的博客:Javas...

    MudOnTire 评论0 收藏0
  • JavaScript系列--浅析原型继承

    摘要:综上所述有原型链继承,构造函数继承经典继承,组合继承,寄生继承,寄生组合继承五种方法,寄生组合式继承,集寄生式继承和组合继承的优点于一身是实现基于类型继承的最有效方法。 一、前言 继承是面向对象(OOP)语言中的一个最为人津津乐道的概念。许多面对对象(OOP)语言都支持两种继承方式::接口继承 和 实现继承 。 接口继承只继承方法签名,而实现继承则继承实际的方法。由于js中方法没有签名...

    draveness 评论0 收藏0

发表评论

0条评论

LuDongWei

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<