javascript面试-实现链式调用

链式调用的核心就在于调用完的方法将自身实例返回。
1)示例一

function Class1(){
	console.log('初始化')
}
Class1.prototype.method = function(param){
	console.log(param)
	return this
}
let c1 = new Class1()
c.method('第一次调用').method('第二次调用')

2)示例二

var obj = {
	a: function(){
		console.log('a')
		return this
	},
	b: function(){
		console.log('b')
		return this;
	}
}
  1. 示例三
class Math(){
	constructor(value){
		this.hasInit = true
		this.value = value
		if(!value){
			this.value = 0
			this.hasInit = false
		}
	}
	add() {
		let args = [...arguments]
		let initValue = this.hasInit ? this.value : args.shift()
		return new Math(value)
	}
	minus() {
		let args = [...arguments]
		let initValue = this.hasInit ? this.value : args.shift()
		const value = args.reduce((prev, curv)=>prev-curv, initValue)
		return new Math(value)
	}
}
let test = new Math()
const res = test.add(222, 333, 444).minus(333, 222)

4)示例四

Number.propty.add = function() {
	let _that = this
	_that=[...arguments].reduce((prev, curv)=>prev+curv, _that)
	return _that
}
Number.propty.minus = function() {
	let _that = this
	_that=[...arguments].reduce((prev, curv)=>prev-curv, _that)
	return _that
}
let num = 0
let newNum = num.add(222, 333, 444).minus(333, 222)
console.log(newNum)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值