vue中return的用法理解

在做项目的时候有的时候项目紧急,所以只需要知道如何使用一下方法实现相应的功能,没得停留下来研究理解为什么要这样使用,所以今天趁不忙就写一下自己对return的理解,一方面是加深自己的理解,另一方面也希望能帮助到需要的人!

我先抛出一个简单的问题:return后面可以跟执行语句或者函数么?

答案:可以!

但是有一点,return不论是什么,都是直接返回,即使是语句或者函数也不会执行的!是函数就返回该函数!

下面从一个例子来加深对return用法的理解:

export function getTable() {

return axios.get(‘xxxx’

).then(function (res) {

return  res.data.result.info

}).catch(function () {

})

}

在axios和ajax中经常会用到return,从上面的代码可以看到有两个return,每个return的作用都需要理解

首先第一个return后面跟的是axios配置,这个return就是将整个axios返回出来;第二个return是在axios请求成功后将响应数据返回出来,即第二个return就是将axios异步请求的数据返回出来。

这两点都比较好理解,但是不知道大家有没有想过为什么要这样做?

说下我的理解:

函数中有ajax和axios调用的有异步和同步,是异步的话里面如果有return,在函数外层(函数是指getTable())调用的时候会取不到数据,除非换成同步。如果想异步取到数据,就需要在函数外层也加个return,相当于把ajax或者axios 整个配置返回出来,返回出来的数据格式是[object,promise],所以函数执行获得的数据格式就是[object,promise],然后使用.then()的形式将里面返回的数据拿出来!

mounted() {

getTable().then((res)=>{this.tableData = res}) //此出先调用getTable()拿到axios的数据,然后在.then()出来结果

}

此段代码的目的是将axios异步请求的结果返回出来,因为是异步所以不能直接在axios里return数据,所以需要在axios外层也加个return,这样就可以拿到了。

以上是个人理解!有不对的欢迎批评指正!

原文地址:https://www.cnblogs.com/jennydtt/p/12607011.html

时间: 2024-10-09 00:27:09

vue中return的用法理解的相关文章

----Vue 中mixin 的用法详解----

说下我对vue中mixin的一点理解 vue中提供了一种混合机制--mixins,用来更高效的实现组件内容的复用.最开始我一度认为这个和组件好像没啥区别..后来发现错了.下面我们来看看mixins和普通情况下引入组件有什么区别? 组件在引用之后相当于在父组件内开辟了一块单独的空间,来根据父组件props过来的值进行相应的操作,单本质上两者还是泾渭分明,相对独立. 而mixins则是在引入组件之后,则是将组件内部的内容如data等方法.method等属性与父组件相应内容进行合并.相当于在引入后,父

Vue中mixin的用法

在项目中我们经常会遇到多个组件调用同一个方法的问题,为了避免每次都在.vue文件中定义并调用,我们可采用vue的mixin的用法: 具体使用如下: 我们需要在main.js中引入mixins文件夹下的index.js文件, 这样,我们准备工作就做好了,那么在.vue文件中,我们就可以调用啦: 大功告成,其实很好理解的! 原文地址:https://www.cnblogs.com/yuwenjing0727/p/9304103.html

JAVA中return的用法

1 public class TestReturn 2 { 3 4 public static void main(String args[]) 5 { 6 TestReturn t = new TestReturn(); 7 t.test1(); 8 System.out.println(t.test2()); 9 int sum=getSum(4,6); 10 System.out.println("sum="+sum); 11 get(4,5); 12 } 13 14 15 pu

js中return得用法

一.renturn 表达式:语句结束函数执行,返回调用函数,表达式的值作为函数的结果. 二.return:返回值 1)fn1() ==> return 后面的值:匿名函数返回函数代码块. 2)如果没有写return,所有函数默认返回值:未定义: 3)return只能有一个返回值,同时跳出函数,不再执行代码. 3)可以控制函数体中的代码执行到指定就结束 三.return作用 return false:1.阻止默认事件行为.终止符:2.return false 只在当前函数有效,不会影响其他外部函数

[转载]js中return的用法

一.返回控制与函数结果,语法为:return 表达式; 语句结束函数执行,返回调用函数,而且把表达式的值作为函数的结果 二.返回控制,无函数结果,语法为:return;  在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个元素,页面会跳转到该元素href属性指定的页.    Return False 就相当于终止符,Return True 就相当于执行符.    在js中return false的作用一般是用来取消默认动作的.比如你单击一个链接除了触发

vue中style的用法

最近学习了vue中class和class的用法,想来总结一下,也把我的知识提供给大家使用:首先来总结class的用法,vue中的class有4种写法;class和style都属于DOM属性,所以在vue中都用:class和:style表示 同样给id为box的div加上字体和颜色和背景颜色 方法一 <div id="box"> <strong :style="{color:'red',background:'blue'}">落入凡尘伤情着我&

vue中的插槽slot理解

本篇文章参考赛冷思的个人博客 1.函数默认传参 在我们写js函数我们的可能会给他们一个默认的参数,写法是 function show(age,name){ var age = age || 20; var name = name || 张三; console.log(age,name); } show(); // 20,张三 show(18,"命名") // 18,明明 如果用户不传入参数,那么会输出默认值,如果用户传入,会输出传入的值,这种写法很灵活 vue中的组件,也可以有默认的模

vue 中 scoped的用法 以及css文件引入问题的补充

自:https://blog.csdn.net/weixin_39941429/article/details/80254724 下面再说说VUE中scoped的编译原理吧.具体可以参考vue-loader 所谓的局部css,就是通过vue-loader这个插件,在编译打包的时候将带有scoped属性的css打上一个tag,同时将template内的所有html都打上一个相同的tag,最后通过css的属性选择器定位,造就了所谓的局部css.参考scoped内复写组件样式 css-loader对i

C++中namespace的用法理解

最近在学习学习大疆OSDK开发,本人只学过C语言,对于C++中的一些用法不是很熟悉,在这里记录一下自己学习过程: 命名空间namespace一般用来给类或者函数做区间定义,从而使编译器能准确定位到适合的类或者函数.比如自行定义了一个函数test(void),而在该项目的库函数内也定义了一个函数test(void);当你调用test();函数的时候,编译器便不知道该调用哪个,从而引发错误,这个时候namespace的作用就显现出来了. namespace的定义用法: 1 namespace nam