这里的链式调用为什么能同时添加2个功能&^

这里的链式调用为什么能同时添加2个功能&^

http://img1.sycdn.imooc.com//climg/5e083d1e09eb654404820302.jpg

这个是老师之前讲的,我总结的,只有subtract起效果,而老师这里的代码:

operation.addOperation('mod', function (num1, num2) {

    return num1 % num2;

    }).addOperation('power', function (base, power) {

    return Math.pow(base, power);

    });

两个都有效果

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,先举个简单的例子看一下:

http://img1.sycdn.imooc.com//climg/5e0973bc09dee65605410401.jpg

http://img1.sycdn.imooc.com//climg/5e0973db09dd7d4e04990111.jpg

this的指向,就是谁调用的,就指向谁,在这个例子里面,是obj调用的函数add,所以在函数add里面,this就指向obj,这个案例也是同样的道理,是operation对象调用的addOperation函数,所以this就指向operation。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

好帮手慕粉 2019-12-29 15:42:18

同学你好,关于同学的问题解答如下:

1、首先同学要明白的是链式调用能实现的前提是什么,那就是调用之后,返回的还是当前的对象,这也就是为什么之前的必须要返回return  this。

2、再来看这个为什么能实现,把addOperation函数里面的this打印出来看一下:

http://img1.sycdn.imooc.com//climg/5e0855e50960536904800217.jpg

打印结果如下:

http://img1.sycdn.imooc.com//climg/5e0855f409e3df2504930169.jpg

this指向operation, addOperation方法是operation里面的一个属性:

http://img1.sycdn.imooc.com//climg/5e0856fe0933c41904880352.jpg

通过return将这个对象返回出去,那么,调用addOperation方法后返回的结果是operation对象,所以可以接着调用addOperation方法

http://img1.sycdn.imooc.com//climg/5e085630094e869d04970119.jpg

综上,链式调用简单理解就是可以执行对象下的一个方法后,返回结果是当前对象,可以继续调用该对象下方法。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

  • 提问者 迷失的小麦 #1
    帮我分析一下为什么这里this指向operation
    2019-12-30 09:40:36
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师
插入代码