JS 实现一个链式调用

2024-10-04

js实现方法的链式调用

假如这里有三个方法:person.unmerried();person.process();person.married();在jQuery中通常的写法是:person.unmerried().process().married();而在js中要实现链式调用,只需在类中的每个方法中通过this关键字返回对象实例的引用. function Person(){}; Person.prototype.status =false; Person.prototype.married =function()

js简单实现链式调用

链式调用实现原理:对象中的方法执行后返回对象自身即可以实现链式操作.说白了就是每一次调用方法返回的是同一个对象才可以链式调用. js简单实现链式调用demo Object.prototype.show = function() { console.log('show'); return this; } Object.prototype.hide = function() { console.log('hide'); return this; } var div = doc

js原生设计模式——2面向对象编程之js原生的链式调用

技巧点:对象方法中返回当前对象就可以链式调用了,即方法中写return this; <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>returnObject</title> <script type="text/javascript"> var chec

一个链式调用 setTimeout的例子

<div> 现在时间是:<input type="text" id="name1" size="16" value="" /> </div> <script> setTimeout(function () { var t = new Date(); //声明一个新的date对象 var hours = t.getHours(); //获取当前小时 var minutes = t.

JavaScript实现链式调用

学习Jquery的时候,我们通常会看到链式调用的写法 $(window).addEvent('load', function(){ $('test').show().setStyle('color', 'red').addEvent('click', function(e){ $(this).setStyle('color', 'yellow'); }); }); 下面用JavaScript来实现一个链式调用,核心思想是借助原型构造函数,在每个方法中return this. (function(

如何写 JS 的链式调用 ---》JS 设计模式《----方法的链式调用

1.以$ 函数为例.通常返回一个HTML元素或一个元素集合. 代码如下: function $(){ var elements = []; ;i<arguments.length;i++){ var element = argument[i]; if(typeOf element == "String") { element = document.getElementById(element); } ) { return element; } elements.push(elem

js链式调用

我们都很熟悉jQuery了,只能jQuery中一种非常牛逼的写法叫链式操作 * $('#div').css('background','#ccc').removeClass('box').stop().animate({width:300}) 那这是如何实现的呢,我自己写了个例子:并非jQuery源码 Ferrinte.prototype.show=function () { for(var i=0;i<this.elements.length;i++) { this.elements[i].s

玩一把JS的链式调用

链式调用我们平常用到很多,比如jQuery中的$(ele).show().find(child).hide(),再比如angularjs中的$http.get(url).success(fn_s).error(fn_e).但这都是已经包装好的链式调用,我们只能体会链式调用带来的方便,却不知道形成这样一条函数链的原理是什么. 随着链式调用的普及,实现的方案也越来越多.最常见的,是jQuery直接返回this的方式,underscore的可选式的方式,和lodash惰性求值的方式.我们分别来了解,并

PHP中的__toString方法(实现JS里的链式操作)

_toString方法是在打印对象时自动调用的魔术方法,如果不声明会报以下错 Catchable fatal error: Object of class String could not be converted to 示例: PHP里有很多的字符串函数,假如要先过滤字符首尾的空格,再求出字符串的长度,一般会这么写: strlen(trim($str)); 如果要实现JS里的链式操作,比如像下面这样,应该怎么实现? $str->trim()->strlen() 很简单,先实现一个String

《javascript设计模式》笔记之第六章：方法的链式调用

这一章要实现的就是jQuery的那种链式调用,例子: $(this).setStyle('color', 'green').show(); 一:调用链的结构: 首先我们来看一下最简单的$()函数的实现: function $() { var elements = []; , len = arguments.length; i < len; ++i) { var element = arguments[i]; if (typeof element == 'string') { element =

【Java】子类的链式调用

记录最近在项目设计中遇到的一个小问题. 前提:有这样两个POJO类,它们都可以通过链式调用的方式来设置其属性值,其中一个类继承了另一个类. 问题:通过链式调用,子类对象访问父类方法后,如何使返回对象仍是子类对象,仍然可以继续链式调用子类的方法? 结论:子类重写父类中需要被调用的方法.在子类重写的方法中,首先通过super关键字调用父类方法, 然后通过return this语句返回子类对象. 为了更具体.更形象的描述问题和解决办法,上示例代码. BaseOption.AppearanceOptio

hasOwnProperty 递归简单回调链式调用

1.hasOwnProperty 函数的返回值为Boolean类型.如果对象object具有名称为propertyName的属性,则返回true,否则返回false. function Box(){ this.a="123"; } var box1=new Box(); box1.hasOwnProperty("a"); //返回true 如果在原型上添加一个属性,则返回false // 想要查看对象(包括原型链)是否具备指定的属性,可以使用in操作符 functi

swift学习笔记之-可选链式调用

//可选链式调用 import UIKit /*可选链式调用(Optional Chaining) 1.在可选值上请求和调用该可选值的属性.方法及下标的方法,如果可选值有值,那么调用就会成功,返回可选类型值,如果可选值是nil,那么调用将返回nil,多个调用可以连接在一起形成一个调用链,如果其中任何一个节点为nil,整个调用链都会失败,即返回nil:(而强制展开它的值是"!",有值则返回该值,无值则会触发运行时错误) 2.通过在想调用的属性.方法.或下标的可选值(optional va

Swift2.1 语法指南——可空链式调用

原档:https://developer.apple.com/library/prerelease/ios/documentation/Swift/Conceptual/Swift_Programming_Language/OptionalChaining.html#//apple_ref/doc/uid/TP40014097-CH21-ID245 参考:http://wiki.jikexueyuan.com/project/swift/chapter2/17_Optional_Chaining

JavaScript设计模式——方法的链式调用

方法的链式调用: (function() { //私有类 function _$ (els) { this.elements = []; for(var i = 0, len = els.length; i < len; ++i){ var element = els[i]; if(typeof element === 'string'){ element = document.getElementById(element); } this.elements.push(element); } }

jQuery的XX如何实现？——2.show与链式调用

往期回顾: jQuery的XX如何实现?——1.框架 -------------------------- 源码链接:内附实例代码 jQuery使用许久了,但是有一些API的实现实在想不通.于是抽空看了jQuery源码,现在把学习过程中发现的一些彩蛋介绍给大家(⊙0⊙). 下面将使用简化的代码来介绍,主要关注jQuery的实现思想~>_<~ 相较于上一篇,代码更新了:21~78 (function(window, undefined){ function jQuery(sel){ return

Swift-09-可空链式调用（Optional Chaining）

我对这个的理解就是:我们有可能会用到其他的属性或者方法,当我们在使用其他的时候,可以使用点语法去访问另一个的属性,这样的使用,就形成了链式访问. 可空链式调用是一种可以请求和调用属性.方法及下表的过程,它的可空性体现于请求调用的目标当前可能为空(nil).如果可空的目标有值,那么调用就会成功:如果选择的目标为空nil,那么这个调用将返回空.多个连续的调用可以被链接在一起形成一个调用链,如果其中任何一个节点为空nil将导致整个链调用失败. Attention:Swift的可空链式调用和OC中的消息

objective-c 一个链式加法计算器实现

一个链式加法计算器实现思路 1.使用时的效果 Calculate * manger=[Calculate new]; int result=manger.add(123).add(123).sub(123).result; 输出结果为:result:123 2.实现方法新建Calculate类: 添加一个属性@property(nonatomic,assign) int result,作为计算结果: 因为使用的方式为 result=manger.add(123).add(123).sub(12

AudioPlayer.js，一个响应式且支持触摸操作的jquery音频插件

AudioPlayer.js是一个响应式.支持触摸操作的HTML5 的音乐播放器.本文是对其官网的说用说明文档得翻译,博主第一次翻译外文.不到之处还请谅解.之处. JS文件地址:http://osvaldas.info/examples/audio-player-responsive-and-touch-friendly/audioplayer.js 你可以在右键点击上面的地址,然后选择另存为把JS文件保存到本地. 英文原文地址:http://osvaldas.info/audio-player

关于JavaScript中的setTimeout()链式调用和setInterval()探索

http://www.cnblogs.com/Wenwang/archive/2012/01/06/2314283.html http://www.cnblogs.com/yangjunhua/archive/2012/04/12/2444106.html 下面的参考:http://evantre.iteye.com/blog/1718777 1.选题缘起在知乎上瞎逛的时候看到一个自问自答的问题: 知乎上,前端开发领域有哪些值得推荐的问答?,然后在有哪些经典的 Web 前端或者 JavaScr

JS 实现一个链式调用

热门专题