js原型

对于js继承,可能是老生常谈的问题,以前我也有写过相关的文章,最近也是因为经常用所以想再一次分享关于这方面的理解,理解不正确的地方欢迎大家指正。

对于一个构造函数来说,首先其名字需要大写(虽然小写也没事,但是一种约定俗成的东西)。其属性有私有属性,原型属性、静态属性。而其方法就有原型方法、静态方法以及特权方法(这个因个人理解不一样可以自己定义)。好了下面我们来看一个例子吧。

function Person(name = "default",age = 18) {
    this.name = name;
    this.age = age;
    var currClassName = "person";//私有属性
    this.printClassName = function() {//特权方法 主要是用来访问私有属性
        console.log("className:"+currClassName)
    }
}
// 原型属性
Person.prototype.className = "person";
// 原型方法
Person.prototype.printName = function() {
    console.log("my name is " + this.name)
} 
// 静态属性
Person.version=1.1
Person.staticFun = function() {
    return 'staticFun'
}

而对于上面的代码,我相信对于有一定js基础的人都能看的懂。私有属性、私有方法,顾名思义,属于自己的属性以及方法,主要是用来访问当前界面的私有属性,可以封装在构造函数中我需要用到的工具函数。原型方法、原型属性,既定义在原型构造对象上的属性跟方法。因每一个构造函数都有它自己的prototype对象属性,而prototype则是一个地址指向原型对象。而这也是我们的构造函数的核心,当我们需要new多个构造函数的实例时,这多个实例是可以共享原型属性以及方法的,避免了申明多个相同的功能函数,而且节省了内存。静态属性以及静态方法,既直接挂载到构造函数上面的属性及方法,我们可以直接通过Person.staticFun()的方式直接访问,不需要从新去new一个实例的模式,适合哪些不通过构造参数影响的方法。

说到原型,我们就不得不说一说继承。继承也就是一个引用类型继承另外一个引用类型的属性跟方法,而每一个构造函数都有自己的原型对象prototype,而每个原型对象又有一个指向其构造函数的指针,而实例又包含了一个指向其构造函数的内部指针。
假如我们目前创建了A、B两个构造函数,假如A.prototype = new B()的实例,即A的原型对象就有了指向另外一个B.prototype对象的指针。同样的,假如B继承了其它的构造函数,B.ptototype原型对象也将会有一个指向其它构造函数原型对象的指针,这个过程是一直成立的,所以对于A、B函数,继承就可以通过A.prototype = new B()的方式实现继承。当然了,这个不友好的地方就是需要new一个实例,开发出另一块内存。
上面说到继承需要开发另外一块内存,既然提及了肯定是有方法解决的,所以,这里就需要借助其其原型对象上的一个对象来解决,他就是proto,而对于这个原型对象上的属性,它特殊在于对于当前构造函数,可以通过它访问到当前构造函数的任何原型属性跟方法。所以,我们就可以对其上面的继承进行改造。即A.prototype.proto = B.prototype,这样,A.prototype.proto对象有了一个指向A.prototype的指针,同时,A.prototype又可以定义自己原型对象上的属性跟方法,而A.prototype.proto对象是可以访问A构造函数上面任意的属性跟方法,这样不就解决了上面从新分配内存的问题。而且也不受先后顺序的干扰。对于静态方法继承,我们直接A.proto=B就好了。即A.proto有了一个直接指向B的指针。
说到这里就不得不提一下关于ES6的语法糖,关于它的继承,ES6为了体现代码的简介以及更面向对象的编程方式,直接以{}的方式将整个构造函数封装(跟后台很像),继承对于它而言就很简单了,直接以关键字的形式,即可实现完美的继承:class A extends B{} 即实现了完美的继承。这里就不多说了,都是同样的原理。有喜欢的可以自己去研究下。
好了,今天js原型就说到这里,欢迎大家指正。原文链接:https://blog.csdn.net/weixin_29364823/article/details/87858328

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,332评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,508评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,812评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,607评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,728评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,919评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,071评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,802评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,256评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,576评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,712评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,389评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,032评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,026评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,473评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,606评论 2 350

推荐阅读更多精彩内容

  • JS中原型链,说简单也简单。 首先明确: 函数(Function)才有prototype属性,对象(除Object...
    前小白阅读 3,914评论 0 9
  • 本文由浅到深,循序渐进的将原型与继承的抽象概念形象化,且每个知识点都搭配相应的例子,尽可能的将其通俗化,而且本文最...
    BetterChen阅读 609评论 1 0
  • 原型链理解起来有点绕了,网上资料也是很多,每次晚上睡不着的时候总喜欢在网上找点原型链和闭包的文章看,效果极好。 不...
    晨光2016阅读 1,289评论 8 13
  • 一、函数对象(Function)和普通对象(Object) 由function定义或Function实例化的对象为...
    Franchen阅读 808评论 0 4
  • 前言 如果你觉得JS的继承写起来特别费劲,特别艰涩,特别不伦不类,我想说,我也有同感。尤其是作为一个学过Java的...
    光头韩阅读 457评论 0 2