JS 中沒有函數(shù)重載，又是如何實(shí)現(xiàn)函數(shù)重載的呢？
面試官問(wèn)你 JS 是如何實(shí)現(xiàn)函數(shù)重載的?你會(huì)怎么回答?
你會(huì)不會(huì)疑問(wèn)我在書里看的明確講 JS 是沒有函數(shù)重載的，面試官說(shuō)能實(shí)現(xiàn)，那肯定是有辦法的呀，該如何實(shí)現(xiàn)呢?
一、什么是函數(shù)重載?
重載函數(shù)指的是兩個(gè)或兩個(gè)以上的同名函數(shù)，實(shí)現(xiàn)一個(gè)函數(shù)名有多種功能。
函數(shù)重載要求編譯器能夠在調(diào)用函數(shù)時(shí)唯一確定，應(yīng)該調(diào)用的是哪個(gè)函數(shù)?由于同名函數(shù)有多個(gè)，在確定函數(shù)實(shí)現(xiàn)時(shí)，需要根據(jù)函數(shù)的參數(shù)的個(gè)數(shù)和類型來(lái)區(qū)分，即實(shí)現(xiàn)函數(shù)重載時(shí)，要求同名函數(shù)的參數(shù)個(gè)數(shù)或類型不一致，否則將無(wú)法實(shí)現(xiàn)函數(shù)重載。
重載的特點(diǎn)：
- 同名的多個(gè)函數(shù)。
- 不同的參數(shù)。
二、JS中有函數(shù)重載嗎?
我在閱讀《JavaScript 高級(jí)程序設(shè)計(jì)(第三版)》一書，在第五章看到明確的提示 JS 沒有函數(shù)重載。
我們?cè)?《JavaScript 高級(jí)程序設(shè)計(jì)(第三版)》 書中能看到，JS 中的同名函數(shù)，前面的會(huì)被最后面的函數(shù)覆蓋掉，根本無(wú)法實(shí)現(xiàn)多種功能，如：
function add(a,b) {
return a+b
}
function add(a, b, c) {
return a + b + c
}
console.log(add(1,2)); // NaN
console.log(add(1,2,3 ));// 6
如果我們需要使用 JS 實(shí)現(xiàn)上述 add 方法，將兩個(gè)或三個(gè)數(shù)值進(jìn)行求和，該怎么解決呢?
解決1：利用 arguments
function add() {
var reg = arguments;
if (reg.length == 2) {
return reg[0] + reg[1]
} else if(reg.length == 3) {
return reg[0] + reg[1] + reg[2]
}
}
console.log(add(1, 2)) //3
console.log(add(1, 2, 3)) //6
上述方法雖然實(shí)現(xiàn)了上述簡(jiǎn)單功能，勉強(qiáng)能算得上是一種函數(shù)重載的實(shí)現(xiàn)方法，但是存在一定的弊端。
它的缺點(diǎn)：
- 如果功能復(fù)雜時(shí)，代碼量過(guò)大。
- 不利于維護(hù)和復(fù)用。
這時(shí)候問(wèn)題來(lái)了，利用 JS 如何實(shí)現(xiàn)呢?可以通過(guò)閉包的形式可以簡(jiǎn)單地實(shí)現(xiàn)。
三、JS 如何實(shí)現(xiàn)重載?
function addMethodToObject (obj, name, fn) {
const temp = obj[name]
obj[name] = function () {
if (fn.length === arguments.length) {
return fn.apply(obj, arguments)
} else if (typeof temp === 'function') {
return temp.apply(obj, arguments)
}
}
}
上述方法用來(lái)給一個(gè)對(duì)象添加自定義方法，能夠接收三個(gè)參數(shù)：
- 需要添加方法的對(duì)象
- 自定義方法名
- 定義方法具體要實(shí)現(xiàn)的功能，通過(guò)回調(diào)實(shí)現(xiàn)
addMethodToObject(group, 'find', function () {
return {
peoples: this.peoples,
count: this.peoples.length
}
})
addMethodToObject(group, 'find', function (isMale) {
if (!!isMale) {
const male = this.peoples.filter(item => item.sex === 'male')
return {
peoples: male,
count: male.length
}
} else {
const female = this.peoples.filter(item => item.sex === 'female')
return {
peoples: female,
count: female.length
}
}
})
addMethodToObject(group, 'find', function (elder, age) {
if (!!elder) {
const elder = this.peoples.filter(item => item.age >= age)
return {
peoples: elder,
count: elder.length
}
} else {
const younger = this.peoples.filter(item => item.age < age)
return {
peoples: younger,
count: younger.length
}
}
})
const group = {
total: 10,
male: 6,
female: 4,
peoples: [{
age: 12,
sex: 'male'
}, {
age: 18,
sex: 'female'
}]
}
group.find()
group.find(1)
group.find(0, 15)
總結(jié)：JS 沒有函數(shù)重載，但是可以實(shí)現(xiàn)函數(shù)重載。
