欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript面向?qū)ο笾甤lass繼承類案例講解

 更新時間:2021年08月05日 09:41:37   作者:Z && Y  
這篇文章主要介紹了JavaScript面向?qū)ο笾甤lass繼承類案例講解,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下

1. 面向?qū)ο骳lass繼承

在上面的章節(jié)中我們看到了JavaScript的對象模型是基于原型實(shí)現(xiàn)的,特點(diǎn)是簡單,缺點(diǎn)是理解起來比傳統(tǒng)的類-實(shí)例模型要困難,最大的缺點(diǎn)是繼承的實(shí)現(xiàn)需要編寫大量代碼,并且需要正確實(shí)現(xiàn)原型鏈。

有沒有更簡單的寫法?有!

在這里插入圖片描述

我們先回顧用函數(shù)實(shí)現(xiàn) Student 的方法:

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

    // 現(xiàn)在要給這個Student新增一個方法
    Student.prototype.hello = function () {
        alert('Hello, ' + this.name + '!');
    }
    
    Student.prototype.hello.apply(new Student("小明"));

在這里插入圖片描述

如果用新的 class 關(guān)鍵字來編寫 Student ,可以這樣寫:

在這里插入圖片描述

最后,創(chuàng)建一個 Student 對象代碼和前面章節(jié)完全一樣:

在這里插入圖片描述

class繼承

在這里插入圖片描述

到此這篇關(guān)于JavaScript面向?qū)ο笾甤lass繼承類案例講解的文章就介紹到這了,更多相關(guān)JavaScript面向?qū)ο笾甤lass繼承類內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評論