2022-06-18 2 分钟 0.3 k0次访问

Vue中的callback回调函数

回调函数callback只是提高了函数的复用性

回调函数的写法

function validatePassword(rule, value, callback){
	if(value.length<6){
		callback(new Error('密码不能低于6位！请重新输入。'))
	}else{
		callback('密码长度正确！')
	}
}
function showMsg(msg){//回调函数，用来接收校检结果
	console.log(msg)
}
validatePassword('','lvjie123',showMsg)//密码长度正确！
validatePassword('','lv12',showMsg)//Error: 密码不能低于6位！请重新输入。

使用回调函数的好处是 validatePassword 不需要知道将要调用的函数名，只要传个函数过来最终它的名字都会变成 callback ， validatePassword 函数就变成一个可以复用的函数。

如果是这种没有回调的写法：

function validatePassword(rule, value){
	if(value.length<6){
		showMsg(new Error('密码不能低于6位！请重新输入。'))
	}else{
		showMsg('密码长度正确！')
	}
}
function showMsg(msg){//回调函数，用来接收校检结果
	console.log(msg)
}
validatePassword('','lvjie123')//密码长度正确！
validatePassword('','lv12')//Error: 密码不能低于6位！请重新输入。