随笔 - 180  文章 - 1  评论 - 160  阅读 - 25万

谈分离式JavaScript编程的一点想法

今天在编写分离式JavaScript开发时产生的想法,其实这个问题早就有了而且一直都在困扰着执着的分离式编程写法的人们:

完全分离在实际工作中真的有必要吗?

在 a 标签 定义 onclick 事件,利用 cookie 实现判断用户是否登录。下面是部分代码:

复制代码
var FavoriteClick = function() {
    
var links = document.getElementsByTagName('a');
    
if(!links) return;
    
for(i=0;i<links.length;i++) {
        
if(links[i].className == 'addToFavourite') {
            links[i].onclick 
= function() {
                IsCookieName(
'wy');
            };
        }
    }
}
复制代码

上面就是利用DOM定位元素而写的,而这样的程序受算法复杂度而影响效率,所以,不分离式编程写法:用 onclick="FavoriteClick(this);"只需要短短的几行:

var FavoriteClick = function(obj) {
    
if(obj.className == 'addToFavourite') {
        IsCookieName(
'wy');
    }
    return false;
}

这种是DOM触发的事件,还无须等待载入完不完毕

前端专家棕熊对效率和需求都能兼顾的一些想法(用代码说明):

复制代码
<script type="text/javascript">
function demo(obj) {
    obj.value 
= Math.random();
}
</script>
<input type="button" value="demo" onclick="demo(this)" />
<input type="button" value="demo" onclick="demo(this)" />
<input type="button" value="demo" onclick="demo(this)" />
复制代码

ps.本人执着于脚本分离式编程思想哦~!

posted on   豆豆の爸爸  阅读(2233)  评论(12编辑  收藏  举报
编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
< 2009年1月 >
28 29 30 31 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
1 2 3 4 5 6 7

点击右上角即可分享
微信分享提示