javascript-繼承

kohoh_ 發(fā)布于2019-08-26 12:16 / 1789人閱讀

摘要：化偽花貓偽，花，貓借助構(gòu)造函數(shù)無(wú)論是原型鏈還是原型式繼承，都有相同的問題。要解決這樣的問題，可以借助構(gòu)造函數(shù)也可以叫做偽造對(duì)象或經(jīng)典繼承。對(duì)于繼承來(lái)講，可以試想子對(duì)象的構(gòu)造函數(shù)中調(diào)用父對(duì)象的構(gòu)造函數(shù)時(shí)，講子對(duì)象的和父對(duì)象的綁定在一起。

繼承 原型式繼承

所謂原型式繼承，就是定義一個(gè)函數(shù)，該函數(shù)中創(chuàng)建一個(gè)臨時(shí)性的構(gòu)造函數(shù)，并將作為參數(shù)傳入的對(duì)象作為這個(gè)構(gòu)造函數(shù)的原型，最后返回這個(gè)構(gòu)造函數(shù)的實(shí)例對(duì)象

function object(o){
    dunction F (){
    F.prototype = o
    return new F()
 }

根據(jù)原型式繼承所總結(jié)的object()函數(shù)實(shí)現(xiàn)繼承，如下列代碼：

var person =｛
    name : "花",
    friends : ["偽","化"]
}
var result = object(person);
result.friends.push("貓");
console.log(result.freends);//偽，化，貓

這種原型式繼承要求必須具有一個(gè)對(duì)象可以作為另一個(gè)對(duì)象的基礎(chǔ)。

上述原型式繼承，也可以用Object的create()方法代替自定義的object()函數(shù)，從而是想規(guī)范化。

var person = {
    name : "化"
    friends : ["偽","花"]
｝
var anotherperson = Object.create(person);
anotherperson.friends.push("貓");
console.log(anotherperson.friends);//偽，花，貓

借助構(gòu)造函數(shù)

無(wú)論是原型鏈還是原型式繼承，都有相同的問題。要解決這樣的問題，可以借助構(gòu)造函數(shù)（也可以叫做偽造對(duì)象或經(jīng)典繼承）。
這種方式實(shí)現(xiàn)非常簡(jiǎn)單，就是在子對(duì)象的構(gòu)造函數(shù)中調(diào)用父對(duì)象的構(gòu)造函數(shù)。具體可以通過調(diào)用apply()和call()方法實(shí)現(xiàn)。
apple()和call()都允許傳遞指定某個(gè)對(duì)象的this。對(duì)于繼承來(lái)講，可以試想子對(duì)象的構(gòu)造函數(shù)中調(diào)用父對(duì)象的構(gòu)造函數(shù)時(shí)，講子對(duì)象的this和父對(duì)象的this綁定在一起。

function Fun (){
    this.color = "藍(lán)"
}
function Fn(){
    Fun.call(this);
}
 var result = new Fn
result.color;//藍(lán)

組合方式繼承

組合繼承，也叫做偽經(jīng)典繼承，指的是將原型鏈或原型式繼承和借助構(gòu)造函數(shù)的技術(shù)組合在一起，發(fā)揮二者的長(zhǎng)處的一種繼承方式。

使用原型鏈或原型式繼承實(shí)現(xiàn)對(duì)原型的屬性和方法的繼承。

通過借助構(gòu)造函數(shù)實(shí)現(xiàn)對(duì)實(shí)例對(duì)象的屬性的集成。

function Fun (name){
    this name = name;
 }
Fun.prototype.sayname = function(){
    console.log(this.name);
}
function Fn (name,age){
    Fun.call(this.name);//繼承屬性
    this.age = age;
}
Fn.prototype = Fun.prototype;集成方法

獲取Date()對(duì)象

var d1 = new Date();// 構(gòu)造函數(shù)
var d2 = Date();// 函數(shù)

console.log(d1);
console.log(d2);

var d3 = new Date;
console.log(d3);

獲取日期

var d = new Date();

console.log(d.getDate());// 17
console.log(d.getDay());// 5

console.log(d.getFullYear());// 2018
console.log(d.getYear());// 118 - 表示距離1900年的年份
// 獲取當(dāng)前時(shí)間的毫秒數(shù)
console.log(d.getMilliseconds());
// 獲取毫秒數(shù) - 距離1970-1-1 0點(diǎn)0分
console.log(d.getTime());
/*
    毫秒數(shù)的實(shí)際應(yīng)用：
    1.將毫秒數(shù)作為標(biāo)識(shí)(ID)
    2.將毫秒數(shù)作為時(shí)間戳
 */

Math類型

// 不能創(chuàng)建對(duì)象 - TypeError: Math is not a constructor
// var m = new Math();
// console.log(m);

console.log(Math.PI);

console.log(Math.floor(6.5));// 6

console.log(Math.max(4,8));// 8

var arr = [3,1,6,8,25];
console.log(Math.max.apply(null,arr));// 25

// 生成隨機(jī)數(shù) - 只能生成 0 ~ 1 之間的隨機(jī)數(shù)
console.log(Math.random());
// 生成 0 ~ 100 之間的隨機(jī)數(shù)
console.log(Math.random() * 100);
// 生成 1 ~ 100 之間的隨機(jī)數(shù)
console.log(Math.random() * 99 + 1);

GPU云服務(wù)器云服務(wù)器 javascript繼承 javascript繼承方法 Javascript實(shí)現(xiàn)繼承 javascript類的繼承

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

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

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

kohoh_

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

Android程序員完全沒時(shí)間提升自己怎么辦？

閱讀 3736·2021-11-17 09:33
主機(jī)服務(wù)器是什么-什么是電腦主機(jī)服務(wù)器？

閱讀 2760·2021-09-22 15:12
FxTransit：$5.6/月/256MB內(nèi)存/5GB SSD硬盤/25GB流量/50Mbps端口

閱讀 3361·2021-08-12 13:24
如何從零開始定義一個(gè)類似websocket的即時(shí)通訊協(xié)議

閱讀 2453·2019-08-30 11:14
使用css偽類，實(shí)現(xiàn)同類型復(fù)選框計(jì)數(shù)的效果

閱讀 1745·2019-08-29 14:09
Javascript數(shù)據(jù)結(jié)構(gòu)與算法（三）棧

閱讀 1337·2019-08-26 14:01
前后端分離之更好的mock你的后端api

閱讀 3075·2019-08-26 13:49
javascript-繼承

閱讀 1790·2019-08-26 12:16

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

javascript-繼承

相關(guān)文章

**徹底搞懂JavaScript中的繼承**

**講清楚之 javascript 對(duì)象繼承**