Vue function() 和()=＞的区别

最新推荐文章于 2024-01-04 10:30:50 发布
最新推荐文章于 2024-01-04 10:30:50 发布
阅读量2k 收藏 7
点赞数
文章标签： vue.js javascript 前端
原文链接：https://blog.csdn.net/github_38851471/article/details/79446722
版权

写promise异步函数的时候，发现有两种写法，一种是菜鸟教程里面的

var n = new Promise(function (resolve, reject) {
    resolve();
});

第二种是公司别人写的:

var n = new Promise(resolve => {
    resolve();
});

然后百度查了下，一般情况下是没区别，如果函数里面用到了this，指向不一样。
参考:https://blog.csdn.net/github_38851471/article/details/79446722

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

SQL中的case when then else end语句的用法示例
阿杰同学的博客
04-30 216
case具有两种格式。简单case函数和case搜索函数。 –简单case函数 case sex when '1' then '男' when '2' then '女' else '其他' end –case搜索函数 case when sex = '1' then '男' when sex ...
VUE基本操作==>选项
临窗，听雨声
03-26 510
本文从五个知识点写vue选项 propsData 用于扩展自定义标签的时候构造器传值 computed 格式化数据 methods 系列知识 Watch 选项 监控数据 mixins 选项 混入 extends 选项 扩展 1.propsData 用于扩展自定义标签的时候构造器传值 propsData 用于扩展自定义标签的时候构造器传值...
【const = () =＞ {}和function () {}的区别，箭头函数和常规函数】
最新发布
weixin_46326780的博客
01-04 2182
关键字（这在常规JavaScript类中是常见的，但在React类组件中并不常见），那么这个函数只能在组件的实例方法内部被调用，不能从外部调用。在React中，如果在类组件中定义了一个函数，无论是使用箭头函数。是一个静态方法，可以通过组件的类名直接调用，而不需要通过实例。但是，如果是在组件的实例方法中定义一个函数，并且使用。方法中，创建了一个按钮，当按钮被点击时，它会调用。是一个类组件中的实例方法，可以通过。，都可以在组件的其他部分调用它。
vue里 a(){} 和a:()=＞{}的区别
weixin_54930261的博客
09-01 1435
箭头函数
vue中方法function加（）和直接传入方法名的区别
lhyxm的博客
06-16 317
vue中方法function加（）和直接传入方法名的区别
ES6 箭头函数： () => {} 与匿名函数 function() {}
AI天才研究院
01-26 9570
function foo() { setTimeout( () => { console.log("id:", this.id); },100); } foo.call( { id: 42 } ); id: 42 function foo() { setTimeout( function() { cons...
VUE基本操作==>基本语法入门
临窗，听雨声
03-04 1150
推荐jspang大佬的 vue 视频教程：https://juejin.im/post/5b834971f265da436d7e4a9d node安装教程：https://www.cnblogs.com/zhouyu2017/p/6485265.html 此篇文章以 script 引入的方式介绍vue基本语法 <script type="text/javascript" sr...
深度剖析 JS 的箭头函数 = ＞ 与普通函数 function 的区别
czjl6886的博客
02-11 5306
ES6 中添加了箭头函数的规范，在常用的前端框架，如 Vue，也会经常使用到箭头函数，今天我们就来深度学习箭头函数(arrow function)。本文主要介绍箭头函数的概念，重点介绍它与普通函数(function)的区别，包括基本语法、this指向、使用场景等。
2020 零基础 Vue快速入门 Vue2.0使用ES6语法的箭头函数=> 对this作用域的理解 【整理】
超逸の学习技术博客
01-14 2467
文章目录1、引言2、简单介绍3、普通函数4、箭头函数 =>5、实例演示6、结束语 1、引言 最近，学Vue相关知识时，学到了axios，发现axios请求之后的回调函数里this并不指向当前vue实例，在浏览器按F12报了错，赶紧想着去解决问题，后面才知道原来还有箭头函数这个简便操作，一起来了解一下把~ 2、简单介绍 关于它们两个的比较，我就以请求一个随机获取笑话的api为例了，来说明它们的...
VUE基本操作==>全局API
临窗，听雨声
03-15 375
全文从五个方面介绍 vue 的全局 api Vue.directive 自定义指令 Vue.extend 扩展实例构造器 Vue.set赋值 Vue 的生命周期 vue template模板 vue component 组件 1.Vue.directive 自定义指令 vue自定义指令，就像 &lt;p v-zzq="" &gt;&lt;/p&g...
VUE学习（三） 箭头函数（=>）
n009ww的博客
07-29 1万+
习惯了写传统js的我，看了箭头函数的第一眼，就是....这啥东西？经过大神指点后，总结出的一条道理就是： 1.当在vue中使用箭头函数，可以在函数中使用this 来引用全局的vue对象，若在传统函数中，有时会引不到。 2.并不是所有的函数都适合改为箭头函数。当函数中使用本身的 this 时，我们再用箭头函数将会造成冲突，此时应在函数外面定义一个变量 let $this = this 。在...
【Vue】【杂碎】()=＞和()=＞{}的区别
qq_25218219的博客
03-21 3323
但是，如果箭头函数体内有多行代码，那么就必须使用大括号括起来。需要注意的是，使用大括号的函数体和不使用大括号的函数体之间还有一个重要的区别。具体来说，使用大括号的函数体中的。如果箭头函数体内只有一行代码，那么可以省略大括号。关键字指向的是这个箭头函数本身，而不是定义它的对象。因此我们可以省略大括号，并且可以直接使用这个箭头函数来计算加法。的函数体包含了多行代码，所以我们必须使用大括号并手动返回结果。大括号的写法，另一种是不带大括号的写法。上面的代码中，箭头函数。上面的代码中，箭头函数。
【面试系列】=＞Vue
Write less，do more
11-27 878
1, 如何让CSS只在当前组件中起作用？ 在组件中的style前面加上scoped 2, 的作用是什么? keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。 3, vue组件中如何获取dom元素? 使用ref属性获取, 在组件模板元素中添加ref属性, 在js中用this.$refs获取 4, 说几个vue中的指令和它的用法？ v-model双向数据绑定； v-for循环； v-if, v-show 显示与隐藏； v-bind 动态绑定属性 v-on事件绑定； v
function 与 =＞ 的区别
Theshy08的博客
12-30 1922
箭头函数除了传入的参数之外，其它的对象都没有！在箭头函数引用了this、arguments或者参数之外的变量，那它们一定不是箭头函数本身包含的，而是从父级作用域继承的。
箭头函数()=>{}与function的区别
热门推荐
飞扬的博客
09-18 1万+
1.箭头函数与function定义函数的写法： //function function fn(a, b){ return a + b; } //arrow function var foo = (a, b)=&gt;{ return a + b }; 2.this的指向：使用function定义的函数，this的指向随着调用环境的变化而变化，而箭头函数中的this指向是固定不变的，一...
Vue 中 this.$nextTick(()=＞{ }) 的用法
此人很懒，未填写博客简介
07-28 2976
this.$nextTick(()=>{ }) 将回调函数中的操作放到下一次DOM更新之后执行，类似全局方法vue.nextTick，只不过 this.$nextTick 只作用于调用它的实例 代码示例 <template> <button ref="ctyBtn" @click="clickHandle">{{content}}</button> </template> <script> export ..
vue箭头函数=＞
u012497072的博客
12-10 572
（参数）=>（函数体）
【vue】箭头函数=＞
神也在Cpoy
10-23 346
【1】定义的function，在那个对象A里面，this指向的就是A。ES6允许使用，所以在Vue的代码中，经常看见。
编程感想：踩过的坑，关于()=＞{} 和 function(){} 的区别
weixin_43892549的博客
12-12 942
function中this是使用时的对象。=>中的this是定义时的对象。
为什么报错const Submit = () => { this.$refs["formRef"].validate().then(() => { console.info("通过"); }) .catch(() => { console.info("不通过"); }); }
06-09
这个报错通常是因为使用箭头函数时，this指向不正确导致的。在箭头函数中，this指向的是父级作用域的this，而不是Vue实例，所以无法访问到this.$refs。 解决方法有两种： 1. 使用普通函数而不是箭头函数。可以将Submit改成普通函数，然后在调用时使用bind将this绑定到Vue实例上，这样就可以访问到this.$refs了。例如： ``` const Submit = function() { this.$refs["formRef"].validate().then(() => { console.info("通过"); }).catch(() => { console.info("不通过"); }); } // 调用时绑定this <el-button @click="Submit.bind(this)">提交</el-button> ``` 2. 在箭头函数中使用Vue实例的$refs属性时，可以使用Vue.prototype.$refs来代替this.$refs。例如： ``` const Submit = () => { Vue.prototype.$refs["formRef"].validate().then(() => { console.info("通过"); }).catch(() => { console.info("不通过"); }); } // 调用时不需要绑定this <el-button @click="Submit">提交</el-button> ``` 希望以上信息能够帮助你解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值
>