SRP单一职责在闭包中的作用

最新推荐文章于 2024-07-06 08:31:04 发布

原创最新推荐文章于 2024-07-06 08:31:04 发布 · 534 阅读

0 ·

CC 4.0 BY-SA版权

笔记同时被 3 个专栏收录

130 篇文章

订阅专栏

JavaScript

52 篇文章

订阅专栏

综合

19 篇文章

订阅专栏

本文探讨了单一职责原则(SRP)的概念，并通过一个具体的图片加载案例进行了解析。案例中，图片加载功能被拆分为创建img标签和预加载图片两部分，以此来体现SRP。文中提供了一个JavaScript实现的例子，帮助读者理解SRP如何应用于实际编程中。

SRP-单一职责：被定义为“引起变化的原因”，如果我们有两个动机去改写一个方法，那么这方法就有两个职责；

举例一个图片加载，要实现添加一个img标签和预加载图片的功能，分成两部份；分析下这两个闭包的执行顺序以便更好的理解

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

</body>
<script type="text/javascript">
var MyImage=(function(){
1、 var imgNode=document.createElement('img');
2、 document.body.appendChild(imgNode);
return {
6、 setSrc:function(src){
9、 imgNode.src=src;
}
}
})();
var proxyImage=(function(){
3、 var img=new Image;
img.onload=function(){
8、 MyImage.setSrc(this.src);
}
return {
5、 setSrc:function(src){
MyImage.setSrc('Image/marker-icon.png');
7、 img.src=src;
}
}
})();
4、 proxyImage.setSrc('Image/layers.png');
</script>
</html>