JS類與類繼承

shixinzhang 發布于2019-08-20 18:33 / 3298人閱讀

摘要：構造類以及繼承構造函數方法該種方式下的繼承封裝一個函數綁定復制繼承對象創建方法類的實現該種方式下的繼承極簡主義法實現一個類睡覺睡覺類的私有屬性和方法在方法中，只要不是定義在對象上的方法和屬性，都是私有的該變量只能通過公有方法來讀取類的數據共

構造類以及繼承 構造函數方法

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

Person.prototype.species = "human"
Person.prototype.sayName = {
    alert(this.name)
}

let person = new Person()

person.sayName()

該種方式下的繼承

（1）封裝一個函數

function extend (child, Parent) {
    let F = function(){}
    F.prototype = Parent.prototype
    child.prototype = new F()
    child.prototype.constructor = child
}
function Man (name) {this.name = name}
extend(Man, Person)
let man1 = new Man("ziv")
console.log(man1.species) // human

（2）綁定

function Man () {
    Person.call(this, arguments) // call,apply,bind
}

（3）復制繼承

function Man () {}
for (let prop in Person.prototype) {
    // 
    Man.prototype[prop] = Person.prototype[prop]
}

Man.prototype.constructor = Man

對象創建方法

let Person = {
    name: "michal",
    sayName: function() {
        alert(this.name)
    }
}

let person = Object.create(Person)
person.sayName()

class類的實現

class Point {
    constructor(x, y) {
        this.x = x
        this.y = y
    }
    toString() {
        return `( ${this.x} ,${this.y} )`
    }
}

該種方式下的繼承

class micPoint extends Point(x, y, z) {
    constructor() {
        super(x, y)
        this.z = z    
    }
    toString () {
        return this.z + "" + super.toString()
    }
    
}

let point = new Point(2, 3)

極簡主義法

實現一個類

let Animal = {
    createNew: function() {
        let animal = {}
        animal.name = "animal"
        animal.sleep = function() {console.log("睡覺")}
        return animal
    }
}
let animal1 = Animal.createNew()
animal1.sleep() // 睡覺

類的私有屬性和方法

let Cat = {
    createNew: function() {
        let cat = {}
        // 在createNew()方法中，只要不是定義在cat對象上的方法和屬性，都是私有的
        let sound = "miaomiao" // 該sound變量只能通過公有方法makeSound()來讀取
        cat.makeSound = function (){console.log(sound)}
        return cat
    }
}
let cat2 = Cat.createNew()
console.log(cat2.sound) // undefined

類的數據共享

let Cat = {
    sound: "喵喵"
    createNew: function(){
        let cat = {}
        cat.makeSound = function(){console.log(Cat.sound)}
        cat.changeSound = function(x){Cat.sound = x}
        return cat
    }
}
let cat1 = Cat.createNew()
let cat2 = Cat.createNew()
cat1.makeSound() // 喵喵
cat2.changeSound("汪汪") // 修改了共享的數據，另一個實例對象也會受到影響
cat1.makeSound() // 汪汪

該種方式下的繼承實現

let Cat = {
    createNew: function() {
        let cat = Animal.createNew()
        cat.name = "miao"
       
        cat.makeSound = function () {console.log("喵喵")}
        return cat
    }
}

let cat1 = Cat.createNew() // 該實例會繼承Cat和Animal類
cat1.sleep() // 睡覺

云服務器 GPU云服務器類與類數值傳遞 python類與繼承 js 繼承 js繼承

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/84688.html

JS中的類與類的繼承

摘要：首先捋清楚類和對象的關系類比如人類，指的是一個范圍對象比如某個人，指的是這個范圍中具體的對象中的作為構造函數時，就是一個類，通過操作符，可以返回一個對象。 JS中的類與類的繼承我們知道，JS中沒有類或接口的概念，即不能直接定義抽象的類，也不能直接實現繼承。不過，為了編程的方便，我們可以在 JS 中模擬類和繼承的行為。首先捋清楚類和對象的關系：類：比如人類，指的是一個范圍； ...

Tangpj 2019-08-23 12:16 評論0 收藏0
java學習(三) —— 面對對象

摘要：前言是面對對象的語言，因此有必要單獨紀錄下對象的各種定義和理解。面對對象基本概述概述是基于面向過程的變成思想，是對面向過程的一種封裝。面對對象開發就是不斷的創建對象，使用對象，指揮對象做事情。面對對象設計其實就是在管理和維護對象之間的關系。前言 java是面對對象的語言，因此有必要單獨紀錄下對象的各種定義和理解。面對對象，主要包括：面向對象思想，類與對象及其使用，對象的內存圖，成...

褰辯話 2019-08-19 11:04 評論0 收藏0
php面向對象詳解

摘要：前言自從進入版本以來，開始全面地支持面向對象編程。好了，進入正題，面向對象的三大特性分別是封裝性，繼承性以及多態性，使用面向對象開發，讓我們的程序可維護以及擴展性大大提高。 showImg(https://segmentfault.com/img/remote/1460000012257579?w=1920&h=1080); 前言自從php進入5.0版本以來，PHP開始全面地支持面向...

xingpingz 2019-06-28 14:25 評論0 收藏0
Java編程基礎10——面向對象_多態&抽象類&接口

摘要：案例演示抽象類的成員特點抽象類的成員方法特性抽象方法強制要求子類做的事情。抽象類中定義的是該繼承體系的共性功能。 1.多態的概述及其成員訪問特點代碼體現 A:多態(polymorphic)概述事物存在的多種形態 B:多態前提- 1.要有繼承關系 2.要有方法重寫 3.要有父類引用指向子類對象。 C:多態中的成員訪問特點之成員變量：編譯和運行都看父類。成員方法：編...

dunizb 2019-08-19 11:05 評論0 收藏0
設計模式之軟件設計七大原則

摘要：引申意義子類可以擴展父類的功能，但不能改變父類原有的功能。含義當子類的方法實現父類的方法時重寫重載或實現抽象方法，方法的后置條件即方法的輸出返回值要比父類更嚴格或相等。優點約束繼承泛濫，開閉原則的一種體現。降低需求變更時引入的風險。 0x01.開閉原則定義：一個軟件實體如類，模塊和函數應該對擴展開放，對修改關閉要點：當變更發生時，不要直接修改類，而是通過繼承擴展的方式完成變...

ixlei 2019-08-16 17:45 評論0 收藏0