成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

js實(shí)現(xiàn)繼承的方法中為何總是要修正constructor方法的指向呢？

fancyLuo / 2057人閱讀

摘要：由于屬性是可以變更的，所以未必真的指向?qū)ο蟮臉?gòu)造函數(shù)，只是一個提示。不過，從編程習(xí)慣上，我們應(yīng)該盡量讓對象的指向其構(gòu)造函數(shù)，以維持這個慣例。

問題引入

最近看了許多關(guān)于js繼承實(shí)現(xiàn)的相關(guān)文章，許多實(shí)現(xiàn)方式中都會存在這么一行代碼：

A.prototype.constructor = A

于是感到好奇，這行代碼的實(shí)際意義是什么？如果沒有的話，還能達(dá)到繼承的目的嗎？

前置知識

為了熟悉javascript中與原型相關(guān)的幾個基本概念，可以參看這篇文章JavaScript深入之從原型到原型鏈，作者寫的十分簡明易懂。

讀了文章以后可以知道，在方法（構(gòu)造函數(shù)）上存在一個叫做prototype的屬性，這個屬性是一個對象；方法結(jié)合new關(guān)鍵字可以生成實(shí)例，生成的每一份實(shí)例上都會有一個叫做__proto__的屬性，這個屬性也是指向生成該實(shí)例的方法上的prototype屬性；原型對象（即prototype這個對象）上也存在一個特別的屬性，即constructor，這個屬性指向的方法本身。

回到問題本身

我們先來回答第二個問題：如果沒有這行代碼，還能到達(dá)繼承的目的嗎？
看一個常見的組合繼承的實(shí)現(xiàn)方式，代碼如下：

function Animal(name) {
    this.name = name || "";
    console.log("Animal called.");
}
Animal.prototype.showName = function() {
    console.log("Name is: ", this.name);
}
function Cat(name, age) {
    Animal.call(this, name);
    this.age = age || 1;
    console.log("Cat called.");
}
Cat.prototype = new Animal();
// Cat.prototype.constructor = Cat;    // 注釋掉修正constructor方法的指向的這一行
Cat.prototype.showAge = function() {
    console.log("Age is: ", this.age);
}

var cat = new Cat("meow", 3);
console.log(cat.name);    // meow
cat.showName();          // Name is: meow
console.log(cat.age);    // 3
cat.showAge();           // Age is: 3

可以看到，繼承的效果依然是達(dá)到了。所以，我覺得答案應(yīng)該是能。

我們再來看第一個問題，注釋掉的這行代碼的意義是什么呢？為什么大部分的實(shí)現(xiàn)方式中都建議我們修正這個constructor的指向呢？
網(wǎng)上搜索后找到這篇文章： 為什么要做A.prototype.constructor=A這樣的修正？， 并由此進(jìn)一步的查看了Stack Overflow上的這篇問答： What it the significance of the Javascript constructor property?
所以，最重要的修正意義應(yīng)該還是針對顯示調(diào)用的時(shí)候。
接著剛剛的代碼來看：

cat.__proto__.constructor  // 這個屬性指向的應(yīng)該是 Animal 構(gòu)造函數(shù)，如果我們之前修正了constructor的指向的話，那么這里才會真的指向到 Cat 的構(gòu)造函數(shù)

// 假設(shè)我們想要構(gòu)造一個新的實(shí)例cat2，并且我們不知道對應(yīng)的構(gòu)造函數(shù)的名稱是什么，不過好在我們剛剛已經(jīng)有一個實(shí)例cat了（好吧，我知道這種假設(shè)比較2 -_-|||）
var cat2 = new cat.__proto__.constructor();  // Animal called （這里只有Animal的構(gòu)造函數(shù)被調(diào)用了）
cat2.age;    // undefined  （因?yàn)樵贏nimal構(gòu)造函數(shù)中不存在age屬性）

好吧，我承認(rèn)這種場景比較少見。但是，萬一有呢？所以我的建議是，我們應(yīng)該保留這種修正constructor的寫法。

后記

在知乎的一篇問答中看到一種說法

constructor其實(shí)沒有什么用處，只是JavaScript語言設(shè)計(jì)的歷史遺留物。由于constructor屬性是可以變更的，所以未必真的指向?qū)ο蟮臉?gòu)造函數(shù)，只是一個提示。不過，從編程習(xí)慣上，我們應(yīng)該盡量讓對象的constructor指向其構(gòu)造函數(shù)，以維持這個慣例。

作者：賀師俊
鏈接：https://www.zhihu.com/questio...
來源：知乎
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。

參考文章

JavaScript深入之從原型到原型鏈

為什么要做A.prototype.constructor=A這樣的修正？

What it the significance of the Javascript constructor property?

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/97020.html

相關(guān)文章

  • js原型和繼承

    摘要：舉例說明組合繼承組合繼承利用原型鏈借用構(gòu)造函數(shù)的模式解決了原型鏈繼承和類式繼承的問題。示例組合式繼承是比較常用的一種繼承方法，其背后的思路是使用原型鏈實(shí)現(xiàn)對原型屬性和方法的繼承，而通過借用構(gòu)造函數(shù)來實(shí)現(xiàn)對實(shí)例屬性的繼承。 對js原型和繼承的理解一直處于不懂-懂-不懂-懂-不懂。。。的無限循環(huán)之中，本來打算只是簡單總結(jié)下js繼承方式，可看了些網(wǎng)上的資料后，發(fā)現(xiàn)又不懂繼承了。。。這篇文章只...

    Hujiawei 評論0 收藏0

  • new 操作符到底做了什么？

    摘要：原文相信很多才接觸前端的小伙伴甚至工作幾年的前端小伙伴對這個操作符的了解還停留在一知半解的地步，比較模糊。 原文：http://blog.xieyangogo.cn/201... 相信很多才接觸前端的小伙伴甚至工作幾年的前端小伙伴對new這個操作符的了解還停留在一知半解的地步，比較模糊。就比如前不久接觸到一個入職兩年的前端小伙伴，他告訴我new是用來創(chuàng)建對象的，無可厚非，可能很多人都...

    _ivan 評論0 收藏0

  • ECMAScript 6入門類繼承筆記

    類繼承 看類繼承前，先回顧構(gòu)造函數(shù)怎么實(shí)現(xiàn)對象的繼承的 function F() { this.a = 1; } function Son() { F.call(this); } function inherit(S, F) { S.protot...

    _DangJin 評論0 收藏0

  • JavaScript面向?qū)ο?/b>

    摘要：構(gòu)造函數(shù)的兩個特征函數(shù)內(nèi)部使用了，指向所要生成的對象實(shí)例。將一個空對象的指向構(gòu)造函數(shù)的屬性，這個對象就是要返回的實(shí)例對象。用面向?qū)ο箝_發(fā)時(shí)，把要生成的實(shí)例對象的特有屬性放到構(gòu)造函數(shù)內(nèi)，把共有的方法放到構(gòu)造函數(shù)的里面。 JS中面向?qū)ο蟮母拍?面向?qū)ο驩OP是一種組織代碼結(jié)構(gòu)、實(shí)現(xiàn)功能過程的思維方式。它將真實(shí)世界各種復(fù)雜的關(guān)系，抽象為一個個對象，然后由對象之間的分工與合作，完成對真實(shí)世界的...

    Eirunye 評論0 收藏0

  • ES5/ES6 的繼承

    摘要：原型鏈構(gòu)造函數(shù)原型實(shí)例的關(guān)系每個構(gòu)造函數(shù)都有一個原型對象，原型對象都包含一個指向構(gòu)造函數(shù)的指針，實(shí)例有一個指向原型對象的指針構(gòu)造函數(shù)原型對象構(gòu)造函數(shù)構(gòu)造函數(shù)操作符實(shí)例對象構(gòu)造函數(shù)實(shí)例對象原型對象如果試 原型鏈 構(gòu)造函數(shù)/原型/實(shí)例 的關(guān)系 每個構(gòu)造函數(shù)都有一個原型對象，原型對象都包含一個指向構(gòu)造函數(shù)的指針，實(shí)例有一個指向原型對象的指針 構(gòu)造函數(shù) --(prototype)-->...

    libin19890520 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<