Js/Vue方法封装（方法里面封装回调函数--方法里面封装方法）

高桥留

已于 2023-07-05 16:59:52 修改

阅读量643

点赞数 1

分类专栏： Vue javaScript 文章标签： javascript vue.js 前端 js方法里面封装方法 js传递方法作参数 vue方法封装 vue方法里面封装方法

于 2023-07-05 16:59:05 首次发布

本文链接：https://blog.csdn.net/everMrzhong/article/details/131559216

版权

javaScript 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

Vue

4 篇文章 0 订阅

订阅专栏

简单案例：

<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>
	</head>
	<body>
	</body>
	<script>
		function callback2(){
			console.log('calback');
		}
		function selectCallBack(control, items) {
			// 相应函数的逻辑操作
			var sum=control+items
			// return callback2();
			return sum;
		}
		// 传参传递函数
		function select(val, callback) {
			var control = 1;
			var items = 10;
			if (val > 10) {
				// 经过逻辑判断 通过callback返回调用的地方想要的值
				callback(items-control);
				console.log("走回调");
				// return
			} else {
				console.log("不走回调");
			}
			console.log("继续走");
		}
		// 方法里面封装方法
		// select(20,selectCallBack)
		select(20, (val) => {
			console.log('val', val);
		})
	</script>
</html>