在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 用寄生構(gòu)造函數(shù)來擴(kuò)展功能的問題

用寄生構(gòu)造函數(shù)來擴(kuò)展功能的問題

在博客看到這樣一個(gè)例子:

function specialArray(){
    var values = new Array();
    values.push.apply(values,arguments);
    values.toPipedString = function(){
        return this.join('|');
    }
    return values;
};

var color = new specialArray('blue','red','yellow')
alert(color.toPipedString())

對(duì)這句values.push.apply(values,arguments)不太明白,首先是push不是應(yīng)該是一個(gè)方法嗎?這樣的寫法很奇怪;其次apply不是用來冒充對(duì)象的嗎?雖然我知道這句話的作用是把傳進(jìn)去的參數(shù)添加到values這個(gè)數(shù)組末尾,但是具體是怎么實(shí)現(xiàn)的請(qǐng)大神指點(diǎn)一下,謝謝!

回答
編輯回答
吢涼

clipboard.png

首先你對(duì)apply的理解是有誤的,多看下文檔。
values.push.apply(values,arguments);
相當(dāng)于

for(let i = 0 ; i < arguments.length ; i++){
    values.push(arguments[i])
}

更加簡(jiǎn)潔

2017年12月24日 12:39
編輯回答
瘋浪

apply你要說是用來冒充對(duì)象的,似乎也有那么點(diǎn)兒形象。
這個(gè)方法的初衷是這樣的:比如數(shù)組實(shí)例的原型對(duì)象中有push方法,但對(duì)象實(shí)例并沒有,那我也想用,怎么辦呢?

let obj = {};
[].push.apply(obj, ["a", "b", "c"]);
console.log(obj);
// "0":"a", "1":"b", "2":"c"

這樣實(shí)際上為對(duì)象使用了push方法,但在你的問題中,values本身是一個(gè)數(shù)組,它的原型對(duì)象中本身就有push方法,它為什么還要這么寫呢?這是因?yàn)樗肜胊pply方法的參數(shù)特性。push方法接受的單個(gè)值(或者說對(duì)象)而apply方法的第二個(gè)參數(shù)是一個(gè)數(shù)組。所以對(duì)于想將一個(gè)數(shù)組的每一項(xiàng)push到另一個(gè)數(shù)組中時(shí),可以:

var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
[].push.apply(arr1, arr2);
console.log(arr1);
// [1, 2, 3, 4, 5, 6]
// 當(dāng)然它有更簡(jiǎn)單的寫法: console.log(arr1.concat(arr2));

在你的例子中:

function specialArray(){
    var values = new Array();
    values.push.apply(values,arguments);
    // values.push 只是為了取到push方法,然后借用它,所以這里push前面的數(shù)組是誰并不重要;
    // 只要它能取得push方法即可,但為了不在程序中聲明過多的變量,所以這里直接使用了已經(jīng)存在的數(shù)組values;
    // arguments 是函數(shù)參數(shù)的集合,是一個(gè)數(shù)組,在這里作為apply方法的第二參數(shù)正合適。
    values.toPipedString = function(){
        return this.join('|');
    }
    return values;
};

var color = new specialArray('blue','red','yellow')
alert(color.toPipedString())

2018-05-08 更新------ 無意中看到了石錘...w3school
"對(duì)象冒充可以實(shí)現(xiàn)多重繼承"
"由于這種繼承方法的流行,ECMAScript 的第三版為 Function 對(duì)象加入了兩個(gè)方法,即 call() 和 apply()。"
"call() 方法是與經(jīng)典的對(duì)象冒充方法最相似的方法。它的第一個(gè)參數(shù)用作 this 的對(duì)象。其他參數(shù)都直接傳遞給函數(shù)自身。"
鏈接附上(http://www.w3school.com.cn/js...

2017年9月4日 00:13