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

本文介绍了一个使用JavaScript实现的面向对象编程示例,该示例通过创建一个HTML元素控制器来展示开闭原则的应用。
<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>

本文转自博客园张占岭(仓储大叔)的博客,原文链接:一个面向对象的JS例子,很好的支持了开闭原则(不要重复你昨天的代码),如需转载请自行联系原博主。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值