js繼承再解析

2022-03-17 02:58:10 字數 811 閱讀 8489

之前學習過一段時間js繼承,當時以為懂了(其實沒懂),現在拿出來在回味複習一下~

參考了這篇文章:

js的繼承 一共六種方式,可以參考【js高程三】

本文直接 用圖描述了一遍 四.寄生組合繼承(最佳方式)

function beget(obj);

f.prototype = obj;

return new f();

}function super()

// 在此處宣告函式

super.prototype.fun1 = function(){};

super.prototype.fun2 = function(){};

function sub()

console.log(super.prototype)

var proto = beget(super.prototype); // 核心

var proto2 = super.prototype; // 核心

proto.constructor = sub; // 核心

sub.prototype = proto; // 核心

console.log(super.prototype)

var sub = new sub();

console.log(sub);

console.log(sub);

原因有兩

js事件再解析

從別人空間摘得 強烈建議閱讀本文前先看下這篇文章 這乙個例子看懂了 就基本都搞清楚了 p parent c child sub sub 其中不管是捕獲 處於 冒泡 那個階段,向組織事件進一步傳播 統一用event.stoppropagation ps 奇葩微軟的e.canclebubble true...

繼承的解析

lol 1.什麼是繼承呢?在現實中我需要定義很多的類,而實際中它們有好多是包含關係,或者有相同點,為此我定義乙個繼承。子類繼承父類,繼承父類的屬性和方法。例如 定義乙個學生類 public class student public void setname sting name 定義乙個大學生類,就...

js繼承(一)原型繼承

正式開工了 繼承在js中有著很大的地位,同時理解起來也比較抽象,我將分幾篇部落格來記錄js的繼承。原型繼承 相當於將父類物件與子類物件打通橋梁,可以靈活實現追加屬性與行為 子類擁有父類的一切行為和屬性。特點 非常純粹的繼承關係,例項是子類的例項,也是父類的例項 父類新增原型方法 原型屬性,子類都能訪...