谈分离式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');
};
}
}
}
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;
}
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)" />
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.本人执着于脚本分离式编程思想哦~!
分类:
JavaScript
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 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,谁才是开发者新宠?