Javascript對(duì)象繼承與函數(shù)繼承

Lsnsh 發(fā)布于2019-08-21 10:30 / 1795人閱讀

摘要：鑒別一個(gè)原型屬性在構(gòu)造函數(shù)中使用原型對(duì)象對(duì)象繼承模塊模式作用域的構(gòu)造函數(shù)

鑒別一個(gè)原型屬性

function hasPrototypeProperty(object, name) {
    return name in object && !object.hasOwnProperty(name);
}

在構(gòu)造函數(shù)中使用原型對(duì)象

function Person(name) {
    this.name = name;
}

Person.prototype = {
    constructor: Person,
    sayName: function () {
       console.log(this.name);
    },
    toString: function() {

    }
};

var person1 = new Person("Nicholas");
var person2 = new Person("Greg);

console.log(person1 instanceof Person); // true
console.log(person1.constructor === Person); // true
console.log(person1.constructor === Object); // false

console.log(person2 instanceof Person); // true
console.log(person2.constructor === Person); // true
console.log(person2.constructor === Object); // false

對(duì)象繼承

var person1 = {
    name: "Nicholas",
    sayName: function () {
        console.log(this.name);
    }
};

var person2 = Object.create(person1, {
    name: {
        configurable: true,
        enumerable: true,
        value: "Greg",
        writable: true
    }
});

person1.sayName(); // Nicholas
person2.sayName(); // Greg

console.log(person1.hasOwnProperty("sayName")); // true
console.log(person1.isPropertyOf(person2)); // true
console.log(person2.hasOwnProperty("sayName")); // false

模塊模式

var person = (function () {
    var age = 25;

    function getAge() {
        return age;
    }

    function growOlder() {
        age++;
    }

    return {
        name: "Nicholas",
        getAge: getAge,
        growOlder: growOlder
    };
}());

作用域的構(gòu)造函數(shù)

function Person(name) {
    this.name = name;
}

Person.prototype.sayName = function() {
    console.log(this.name);
};

var person1 = Person("Nicholas");

console.log(person1 instanceof Person); // false
console.log(typeof person1); // undefined
console.log(name); // Nicholas

云服務(wù)器 GPU云服務(wù)器函數(shù)繼承繼承構(gòu)造函數(shù) 構(gòu)造函數(shù) 繼承 php繼承函數(shù)

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

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

相關(guān)文章

徹底搞懂JavaScript中的繼承

摘要：這正是我們想要的太棒了毫不意外的，這種繼承的方式被稱為構(gòu)造函數(shù)繼承，在中是一種關(guān)鍵的實(shí)現(xiàn)的繼承方法，相信你已經(jīng)很好的掌握了。你應(yīng)該知道，JavaScript是一門基于原型鏈的語(yǔ)言，而我們今天的主題 -- 繼承就和原型鏈這一概念息息相關(guān)。甚至可以說(shuō)，所謂的原型鏈就是一條繼承鏈。有些困惑了嗎？接著看下去吧。一、構(gòu)造函數(shù)，原型屬性與實(shí)例對(duì)象要搞清楚如何在JavaScript中實(shí)現(xiàn)繼承，...

_ivan 2019-08-21 17:48 評(píng)論0 收藏0
繼承與原型

摘要：既然構(gòu)造函數(shù)有屬于自己的原型對(duì)象，那么我們應(yīng)該能讓另一個(gè)構(gòu)造函數(shù)來(lái)繼承他的原型對(duì)象咯我們?cè)跇?gòu)造函數(shù)內(nèi)部執(zhí)行了函數(shù)并改變了函數(shù)內(nèi)部的指向其實(shí)這個(gè)指向的是實(shí)例化之后的對(duì)象。我們?cè)谟懀╩ian）論（shi）JavaScript這門語(yǔ)言時(shí)，總是繞不過(guò)的一個(gè)話題就是繼承與原型鏈。那么繼承與原型鏈到底是什么呢？我很喜歡的一個(gè)聊天模式是：我不能說(shuō)XX是什么，我只能說(shuō)XX像什么。也就是說(shuō)我不直接跟...

My_Oh_My 2019-08-26 11:40 評(píng)論0 收藏0
JavaScript系列--淺析原型鏈與繼承

摘要：綜上所述有原型鏈繼承，構(gòu)造函數(shù)繼承經(jīng)典繼承，組合繼承，寄生繼承，寄生組合繼承五種方法，寄生組合式繼承，集寄生式繼承和組合繼承的優(yōu)點(diǎn)于一身是實(shí)現(xiàn)基于類型繼承的最有效方法。一、前言繼承是面向?qū)ο螅∣OP）語(yǔ)言中的一個(gè)最為人津津樂(lè)道的概念。許多面對(duì)對(duì)象（OOP）語(yǔ)言都支持兩種繼承方式:：接口繼承和實(shí)現(xiàn)繼承。接口繼承只繼承方法簽名,而實(shí)現(xiàn)繼承則繼承實(shí)際的方法。由于js中方法沒(méi)有簽名...

draveness 2019-08-23 18:06 評(píng)論0 收藏0
徹底理解Javascript中的原型鏈與繼承

摘要：在節(jié)中，我們學(xué)習(xí)到了通過(guò)構(gòu)造函數(shù)創(chuàng)建對(duì)象的三個(gè)重要步驟，其中的一步是把構(gòu)造函數(shù)的對(duì)象設(shè)置為創(chuàng)建對(duì)象的原型。利用而不是直接用創(chuàng)建一個(gè)實(shí)例對(duì)象的目的是，減少一次調(diào)用父構(gòu)造函數(shù)的執(zhí)行。 JavaScript語(yǔ)言不像面向?qū)ο蟮木幊陶Z(yǔ)言中有類的概念，所以也就沒(méi)有類之間直接的繼承，JavaScript中只有對(duì)象，使用函數(shù)模擬類，基于對(duì)象之間的原型鏈來(lái)實(shí)現(xiàn)繼承關(guān)系，ES6的語(yǔ)法中新增了class關(guān)鍵...

ziwenxie 2019-08-21 11:23 評(píng)論0 收藏0
講清楚之 javascript 對(duì)象繼承

摘要：中的繼承并不是明確規(guī)定的，而是通過(guò)模仿實(shí)現(xiàn)的。繼承中的繼承又稱模擬類繼承。將函數(shù)抽離到全局對(duì)象中，函數(shù)內(nèi)部直接通過(guò)作用域鏈查找函數(shù)。這種范式編程是基于作用域鏈，與前面講的繼承是基于原型鏈的本質(zhì)區(qū)別是屬性查找方式的不同。這一節(jié)梳理對(duì)象的繼承。我們主要使用繼承來(lái)實(shí)現(xiàn)代碼的抽象和代碼的復(fù)用，在應(yīng)用層實(shí)現(xiàn)功能的封裝。 javascript 的對(duì)象繼承方式真的是百花齊放，屬性繼承、原型繼承、...

Jonathan Shieber 2019-08-26 11:58 評(píng)論0 收藏0