No5-惰性函数

最新推荐文章于 2024-04-20 09:15:43 发布

爱代码的小海

最新推荐文章于 2024-04-20 09:15:43 发布

阅读量103

点赞数

分类专栏： JS 文章标签： js

本文链接：https://blog.csdn.net/qq_44747461/article/details/102809640

版权

JS 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<title>惰性函数</title>
</head>
<body>
	<script type="text/javascript">
		//正常的兼容性写法
		function addEvent(el,type,handle){
			if(el.addEventListener){
				el.addEventListener(type,handle)
			}else if{el.attachEvent}{
				el.attachEvent(type,handle)
			}else{
				el['on' + type] = handle;
			}
		}

		// 惰性函数的写法
		// 函数有很多个分支判断,但这些分支判断只会在第一次调用时执行,
		// 执行后会修改此函数,再次调用时无须判断
		function addEvent(el,type,handle){
			if(el.addEventListener){
				addEvent = function (el,type,handle){
					el.addEventListener(type,handle);
				}
			}else if(el.attachEvent){
				addEvent = function (el,type,handle){
					el.attachEvent(type,handle)
				}
			}else{
				addEvent = function(el,type,handle){
					el['on' + type] = handle;
				}
			}
		}

	</script>
</body>
</html>