使用函數構造函數的原型添加新函數

Question

我想檢查一下我的想法是否正確？

代碼：

function Person(firstname, lastname) {
            this.firstname = firstname;
            this.lastname =  lastname;
        }

        Person.prototype.getFullName = function () {
            return this.firstname + ' ' + this.lastname;
        }

        var john = new Person('Melo','Tang');

我將下圖中的代碼稱為“函數構造函數”。

function Person(firstname, lastname) {
                this.firstname = firstname;
                this.lastname =  lastname;
            }

程序運行到此行時

var john = new Person('Melo','Tang');

JS將使用原型鏈在“函數構造函數”對象中添加getFullName函數，並新建一個空對象，如下圖所示，對嗎？

Answer 1

我真的不明白您的圖表或箭頭或它們的顏色應該代表什么。

程序運行到此行時

var john = new Person('Melo','Tang');

此處發生的事情正是通過Person構造函數以Person.prototype作為原型構造了一個新對象。 除了用作新對象的原型之外，不檢查或Person.prototype ， Person.prototype也無法對其上的方法進行任何處理。 僅在查找屬性和方法時john.getFullName()例如，在調用john.getFullName()時john.getFullName() ，才查詢原型。

為了清楚起見，我將避免使用術語“函數構造器對象”。 只需將其稱為“構造函數（函數）”即可。