JS 设计模式五（链式调用）

SillyMonkey 发布于2019-08-19 18:17 / 3107人阅读

摘要：使用回调技术可以使取值器方法也只是链式调用。代码不用用总结链式调用比较常见的就是库了。主要就是函数后加上，使对象可以继续调用函数达到支持链式调用的类。

链式调用

这个解释起来比较难，我觉得直接看代码比较直接，这个链式调用的主要用处，就是使代码更加简化，增加代码易读性。使用回调技术可以使取值器方法也只是链式调用。

代码

/*get不用callback
function Person(name) {
  var _name = name;
  this.setName = function (name) {
    _name = name;
    return this;
  };
  this.getName = function () {
    return _name
  };
}
var jordan = new Person("jordan1");
console.log(jordan.getName())
console.log(jordan.setName("Meow1").getName());
//*/

/*get用callback
function Person(name) {
  var _name = name;
  this.setName = function (name) {
    _name = name;
    return this;
  };
  this.getName = function (callback) {
    callback.call(this, _name);
    return this
  };
}

var jordan = new Person("jordan");
jordan.getName(console.log).setName("Meow").getName(console.log);
//*/

总结

链式调用比较常见的就是jquery库了。主要就是函数后加上return this，使对象可以继续调用函数达到支持链式调用的类。

云服务器 GPU云服务器 Java设计模式之（五）——代理模式调用模式 js调用js js 调用 ${}

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/79415.html

promise/deferred 模式原理分析和实现

摘要：三模式模式其实包含两部分和。六化在编码的时候，想要用进行异步操作流程控制，就要将当前的异步回调函数封装成。一、什么是promise/deferred 模式 promise/deferred 模式是，根据promise/A 或者它的增强修改版promise/A+ 规范实现的promise异步操作的一种实现方式。异步的广度使用使得回调，嵌套出现，但是一但出现深度的嵌套，就会让codi...

gclove 2019-08-21 11:48 评论0 收藏0
JS异步编程之Promise

摘要：三是控制反转控制权在其他人的代码上，假如异步函数是别人提供的库，我们把回调函数传进去，我们并不能知道异步函数在调用回调函数之外做了什么事情。错误捕捉相比回调函数的错误无法在外部捕捉的问题，能够为一连串的异步调用提供错误处理。前言《JS异步编程之 callback》一文我们了解了JS 是基于单线程事件循环的概念构建的，回调函数不会立即执行，由事件轮询去检测事件是否执行完毕，当执行完有...

Hegel_Gu 2019-08-23 15:26 评论0 收藏0
js数据结构和算法（一）概述

摘要：程序设计数据结构算法数据结构数据结构就是关系，没错，就是数据元素相互之间存在的一种或多种特定关系的集合。物理结构是指数据的逻辑结构在计算机中的存储形式。程序设计=数据结构+算法数据结构数据结构就是关系，没错，就是数据元素相互之间存在的一种或多种特定关系的集合。传统上，我们把数据结构分为逻辑结构和物理结构。逻辑结构：是指数据对象中数据元素之间的相互关系，也是我们今后最...

xumenger 2019-08-21 10:18 评论0 收藏0
JavaScript Promise

摘要：前言假如需要向后端发送一个请求，并对返回的数据进行操作，可能我们第一时间想到的是回调函数。如果值本身就是一个对象，则替代默认的对象作为返回值如果值为其他值，则将这个值作为返回的的函数的参数值。前言假如需要向后端发送一个请求，并对返回的数据进行操作，可能我们第一时间想到的是回调函数。但如果接着又需要执行第二个、第三个...第n个异步操作，那么回调函数就会一层层的嵌套，严重影响了代码可...

Tamic 2019-08-21 11:59 评论0 收藏0
听飞狐聊JavaScript设计模式系列14

摘要：本回内容介绍上一回，聊了聊状态模式，并介绍了一下介一回，聊链式编程，模拟一下，再模拟一下封装一个库。这一回，主要聊了链式调用，模拟了，尤其是，希望大家能喜欢这次代码分享。下一回，聊一聊的策略模式。本回内容介绍上一回，聊了聊状态模式（State），并介绍了一下vue.js；介一回，聊链式编程，模拟一下jQuery，再模拟一下underscore.js,封装一个库。 1. 链式调用 (...

fox_soyoung 2019-08-19 17:20 评论0 收藏0