美文网首页
原型与原型链

原型与原型链

作者: 鑨的传人 | 来源:发表于2018-04-09 23:18 被阅读0次

什么是原型?

顾名思义,原型字面理解就是原来的类型或模型,这里可以理解为最初的函数模板.

对于有基于类的语言经验 (如 Java 或 C++)的开发人员来说,JavaScript有点令

人困惑,因为它是动态的,并且本身不提供一个class实现。(在 ES2015/ES6 中引

入了class关键字,但只是语法糖,JavaScript 仍然是基于原型的[prototype])。

1、JavaScript中所有的对象都是Object的实例,函数也是对象

Object.prototype

console.log(Object.prototype.constructor===Object);//true

console.log(Object.prototype.__proto===null);//true

typeof Object.prototype.__proto //'object'


Foo.prototype

console.log(Foo.prototype.constructor ===Foo);//true


function Foo(){}


const  f =new Foo;


f.__proto__//内部原型属性

console.log(Foo.prototype===f.__proto__);//true


为什么用原型?

原型为了实现面向对象思想【封装、继承、多态】,继承原型对象,实现多态

例如:层层继承

function Person(){}

Person.prototype.getName='zhangsan';

Person.prototype.Age='22';

var Animal=function(){}

Animal.prototype=new Person();

Animal.prototype.address='南京'

Animal.prototype.Age='30';

var temp=new Animal;

console.log(temp.getName);//zhangsan

console.log(temp.address);//南京

console.log(temp.Age);//30

相关文章

  • JavaScript 原型、原型链与原型继承

    原型,原型链与原型继承 用自己的方式理解原型,原型链和原型继承 javascript——原型与原型链 JavaSc...

  • 2019-01-28

    原型与原型链

  • 廖雪峰JS小记

    (function(){})() 原型,原型链 浅谈Js原型的理解JS 原型与原型链终极详解 对象 对象:一种无序...

  • Javascript(三)之原型继承理解

    进阶路线 3 原型继承 3.1 优秀文章 最详尽的 JS 原型与原型链终极详解 一 最详尽的 JS 原型与原型链终...

  • JavaScript 面向对象第一篇

    1.原型链 ---- (实例对象与原型之间的连接 叫做原型链) 2. hasOwnproperty ----(看是...

  • 原型与原型链以及继承

    今天复习下原型与原型链的知识,以及记录新学的继承知识点。 知识点纲要 原型与原型链 es5与es6继承 什么是原型...

  • JavaScript深入理解this关键字(一)

    摘要 最近在公司需要做培训,我打算把JavaScript中的原型与原型链讲给大家。但我在梳理原型与原型链的时候发现...

  • js_继承及原型链等(四)

    js_继承及原型链等(三) 1. 继承 依赖于原型链来完成的继承 发生在对象与对象之间 原型链,如下: ==原型链...

  • 原型链&instanceof关键字

    1.原型链&instanceof关键字 简单说明 原型链 与 instanceof 作用原理 1.原型链 1...

  • 原型、原型链

    (什么是原型、原型链?有什么作用) JavaScirpt深入之从原型到原型链 图解 Javascript 原型链 ...

网友评论

      本文标题:原型与原型链

      本文链接:https://www.haomeiwen.com/subject/tzrwhftx.html