美文网首页
js中装饰者模式

js中装饰者模式

作者: 阿凯_8b27 | 来源:发表于2020-08-27 14:37 被阅读0次

在现有功能上进行装饰

在不改变原对象的基础上,通过对其进行包装拓展,是原有对象可以满足用户更复杂的需求

```
var decoraor = function(input, fn){

var input = document.getElementById(input);

if( typeof input.onclick === 'function'){

var oldClick = input.onclick;

input.onclick = function(){

oldClick();

fn();

}

} else {

input.onclick = fn;

}

}

decoraor('el_input', function(){

alert(2);

 })

```

相关文章

  • js装饰者模式

    定义:不改变原类型的条件下,丰富原类型的操作。类型一般是类。例一:经典的aop 例二:

  • js代码题

    js对象的深度克隆 js数组去重 js常用设计模式的实现思路,单例,工厂,代理,装饰,观察者模式等

  • 再谈装饰者模式(总结)

    在之前的文章 浅谈装饰者模式+JAVA I/O中的装饰者模式 中,浅谈了一下装饰者模式,这篇文章来总结一下装饰者模...

  • 如何利用装饰者模式在不改变原有对象的基础上扩展功能

    目录 什么是装饰者模式 普通示例 装饰者模式示例 类图关系 装饰者模式使用场景 装饰者模式优点 装饰者模式缺点 什...

  • 设计模式 | 装饰者模式及典型应用

    前言 本文的主要内容: 介绍装饰者模式 示例 源码分析装饰者模式的典型应用Java I/O 中的装饰者模式spri...

  • js中装饰者模式

    在现有功能上进行装饰 在不改变原对象的基础上,通过对其进行包装拓展,是原有对象可以满足用户更复杂的需求```var...

  • 装饰者模式 && ES7 decorator装饰

    装饰者模式 在提及这个新特性前我们先了解一下设计模式中的装饰者模式。 定义 装饰者模式能够在不改变对象自身的基础上...

  • 装饰者模式

    装饰者模式 装饰者模式和适配器模式对比 装饰者模式 是一种特别的适配器模式 装饰者与被装饰者都要实现同一个接口,主...

  • 装饰者模式

    标签: 设计模式 什么是装饰者模式? 装饰者模式,其中的重点自然就在“装饰”这两个字上面,在日常生活中很多东西都是...

  • 装饰者

    什么是装饰者模式? 装饰者模式,其中的重点自然就在“装饰”这两个字上面,在日常生活中很多东西都是需要装饰的,装饰的...

网友评论

      本文标题:js中装饰者模式

      本文链接:https://www.haomeiwen.com/subject/bdymmctx.html