初识AOP面向切面编程 (前端)

栏目: 编程工具 · 发布时间: 6年前

内容简介:我们都知道OOP的特点是继承、多态和封装。而封装就是把一个功能的代码封装到一个函数中(或一个类中),以后再想实现这个功能,只需要执行函数方法即可,不需要再重复的编写代码。但这样会有一个问题,假如说我封装了一个选项卡的功能,项目中多处都在使用此功能。突然有一天接到一个需求说希望选项卡切换的时候请求某个接口,这样的话,项目中的每个选项卡都要处理一次这个东西,写一堆代码,是不是就不好了?如果说我只想某几个页面选项卡切换的时候去请求某个接口,那你的业务代码又一堆。所以这个时候就需要切面处理,也就是AOP。换句大白话

我们都知道OOP的特点是继承、多态和封装。而封装就是把一个功能的代码封装到一个函数中(或一个类中),以后再想实现这个功能,只需要执行函数方法即可,不需要再重复的编写代码。但这样会有一个问题,假如说我封装了一个选项卡的功能,项目中多处都在使用此功能。突然有一天接到一个需求说希望选项卡切换的时候请求某个接口,这样的话,项目中的每个选项卡都要处理一次这个东西,写一堆代码,是不是就不好了?如果说我只想某几个页面选项卡切换的时候去请求某个接口,那你的业务代码又一堆。所以这个时候就需要切面处理,也就是AOP。

换句大白话,就是说你在家切西瓜,刚切了一刀,突然家里来客人了。。。你就想在西瓜上裱个花,于是就做了一个裱花的函数,但西瓜下面的那些地方,该怎么样还是怎么样。换到代码层面,就是不影响原有的业务逻辑,而又在原有的业务逻辑上做 了一些别的事情。

示例

Function.prototype.before = function(callback) {
  let self = this
  return function() { 
    callback()
    self.apply(self, arguments)
  }
}

function fn(...val) {
  console.log('原有功能,' + val)
}

let newFn = fn.before(function() { // 原有功能之前执行
  console.log('在原有功能函数之前执行') 
})

newFn('准备', '执行')  // 为原有功能传参
复制代码

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

操作系统

操作系统

William Stallings / 陈向群、陈渝 / 机械工业出版社 / 2010.9 / 69.00元

本书不仅全面地讲述了操作系统的基本概念、原理和方法,还清楚地展现了当代操作系统的本质和特点。作者针对近几年操作系统领域的最新变化,对操作系统的设计原理进行深入的阐述,同时将其对操作系统整个领域全面而深入的理解呈现给读者。 本书特色 ·选择Windows Vista、UNIX和Linux三个操作系统作为示例,以帮助读者熟悉当代操作系统的设计原理和实现问题。 ·新增嵌入式操作系统一章......一起来看看 《操作系统》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

html转js在线工具
html转js在线工具

html转js在线工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具