js简单实现链式调用

更新日期: 2019-10-23阅读: 1.8k标签: 链式

链式调用原理:

链式调用原理就是作用域链;实现需要做的工作;

对象方法的处理 (操作方法)

处理完成返回对象的引用(操作对象)

第2步链式实现的方式:

  1. <1> this的作用域链,jquery的实现方式;
    <2> 返回对象本身, 同this的区别就是显示返回链式对象;


一:

    var person = {
        set: function (age){
            this.age = 10;  //this调用位置决定其词法作用域
            return person ;
        },
        get: function (){
            var age = this.age;
            if(age < 6){
                return '我还是个宝宝';
            }else if(age < 18){
                return '我还是个少年';
            }else{
             //……
            }
        }
    }


    二:

    var Person = function() {};
    Person.prototype.set = function (age){
        this.age = 10; 
        return this; //this调用位置决定其词法作用域
    }
    Person.prototype.get = function (){
        var age = this.age;
        if(age < 6){
            return '我还是个宝宝';
        }else if(age < 18){
            return '我还是个少年';
        }else{
         //……
        }
    }
    
    var person = new Person();
    person.set(10).get(); // '我还是个少年'

    链接: https://fly63.com/article/detial/6565

    javascript 链式写法,如何实现js方法的链式调用

    javascript方法的链式调用,使用它能让代码很简洁,易懂,而且最大的好处就是避免多次重复使用一个对象变量。 包括工厂模式的写法,Promise异步链式 等做说明。

    PHP实现链式操作的三种方法详解

    这篇文章主要介绍了PHP实现链式操作的三种方法,结合实例形式分析了php链式操作的相关实现技巧与使用注意事项,需要的朋友可以参考下,本文实例讲述了PHP实现链式操作的三种方法。分享给大家供大家参考,具体如下:

    javascript 链式写法

    熟悉Jquery的同学都知道,它对dom的操作基本都链式调用的写法,这种给人感觉就是很简洁,易懂,而且最大的好处就是避免多次重复使用一个对象变量。链式操作是在对象的方法中通过最后返回自身对象(return this),返回的对象就可以继续调用它里面的方法

    promise链式调用时then的返回值

    then方法里接受两个函数作为参数,分别是resolve和reject后执行的回调,他返回的是一个新的Promise实例(不是原来那个Promise实例)。return 值的情况(无return的情况下就返回undefined,也是返回值)

    Js链式取值方式总汇

    对于对象的属性存在性检测一直是我们判断条件几乎每天遇到的,但是你是否又在具有‘坏味道’ 代码很绝望,现在我们提供几种处理‘坏味道’ 对象链式取值方式

    内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!