一个面向对象的JS例子,很好的支持了开闭原则(不要重复你昨天的代码)

<script type="text/javascript">
    //一个面向对象的JS例子,很好的支持了开闭原则
    function HtmlControl(options) {//定义一个方法
        var el = options.element;
        el.style.width = options.width;
        el.style.height = options.height;
        el.style.top = options.top;
        el.style.background = options.background;
    }
 
    var option = { //为方法定义一个参数对象
        element: document.getElementById('test'),
        left: 50,
        top: 0,
        width: 100,
        height: 200,
        background: '#f00'
    }
    option.background = '#ff0'; //对参数对象进行扩展
 
    HtmlControl(option); //调用
</script>
posted @   张占岭  阅读(1152)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 一文读懂知识蒸馏
· 终于写完轮子一部分:tcp代理 了,记录一下
点击右上角即可分享
微信分享提示