箭头函数和普通函数的区别

最新推荐文章于 2022-07-01 17:55:17 发布
最新推荐文章于 2022-07-01 17:55:17 发布
阅读量163 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42942557/article/details/111308540
版权

箭头函数和普通函数的区别


最近写vue调用微信接口遇到的一个问题，这边记录一下：
这是一开始的写法 

  wx.getLocation({
          type: 'wgs84', //默认为wgs84的gps坐标，可传入火星坐标'gcj02'
          success: function(res) {
            this.map.center.lat = res.latitude; // 纬度，浮点数，范围为90 ~ -90
            this.map.center.lng = res.longitude; // 经度，浮点数，范围为180 ~ -180
            //坐标转换
            this.changCo();
          }
    });

发现 this.map.center 没值，后来换成以下写法能正常赋值：

  wx.getLocation({
          type: 'wgs84', //默认为wgs84的gps坐标，可传入火星坐标'gcj02'
          success: res => {
            this.map.center.lat = res.latitude; // 纬度，浮点数，范围为90 ~ -90
            this.map.center.lng = res.longitude; // 经度，浮点数，范围为180 ~ -180
            //坐标转换
            this.changCo();
          }
    });

区别：
1、箭头函数的 this 永远指向其上下文的 this ，任何方法都改变不了其指向
2、普通函数的this指向调用它的那个对象

面向百度开发的无脑程序员
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
箭头函数与普通函数的区别
wenxin_liu的博客
06-27 154
箭头函数的特点 箭头函数相当于匿名函数，并且简化了函数定义。 箭头函数是匿名函数，不能作为构造函数，不能使用new 箭头函数不绑定arguments，用…代替 function A(a){ console.log(arguments); } A(1,2,3,4,5,8); // [1, 2, 3, 4, 5, 8, callee: ƒ, Symbol(Symbol.iterator): ƒ] let B = (b)=>{ console.log(arguments); } B(2,92
【面试】new原理、箭头函数和普通函数区别
wusq的博客
09-13 1187
常考面试题 箭头函数与普通函数的区别 new原理
箭头函数和普通函数的区别是什么？
weixin_44562686的博客
07-01 724
普通函数this： this总是代表它的直接调用者。 在默认情况下，没找到直接调用者，this指的是window。 在严格模式下，没有直接调用者的函数中的this是undefined。 使用call,apply,bind绑定，this指的是绑定的对象。 箭头函数this： 在使用=>定义函数的时候，this的指向是 定义时所在的对象，而不是使用时所在的对象； 不能够用作构造函数，这就是说，不能够使用new命令，否则就会抛出一个错误； 不能够使用 arguments 对象； 不能使用 yield 命令；
箭头函数写法_箭头函数
weixin_39815925的博客
12-21 254
1、箭头函数介绍//ES6let fn=v=>v;console.log(fn("好酷的箭头函数！"));//好酷的箭头函数！//ES5let fn=function(v){return v;}console.log(fn("好酷的箭头函数！"));//好酷的箭头函数！2、写法如果只有一条语句，可以将{}和return省略掉v=>v+v;//相当于function (v){.retur...
箭头函数与普通函数
StRuLLLE的博客
07-14 158
普通函数 function fun(){ return 100; } console.log(fun()); 还可以写成 const fun = function () { return 100; } console.log(fun()); 箭头函数的写法 const fun = () => { return 100; } console.log(fun()); 还可以简写成 const fun = () =>
JavaScript中的普通函数和箭头函数的区别和用法详解
12-01
javaScript 中的箭头函数 ( => ) 和普通函数 ( function ) 有什么区别？ 我当时想的就是：这个问题很简单啊~（flag），然后做出了错误的回答…… 箭头函数中的 this 和调用时的上下文无关，而是取决于定义时的上下文...
箭头函数和普通函数区别
最新发布
09-07
箭头函数和普通函数在语法和功能上有一些区别。 1. 语法简洁性：箭头函数使用箭头(=>)来定义，省略了`function`关键字和大括号。如果函数体只有一条语句，箭头函数可以省略`return`关键字，并且自动返回该语句的...
ES6箭头函数、箭头函数与普通函数的区别
d_agege的博客
03-26 732
一、基本语法 ES6中允许使用箭头=>来定义箭头函数，具体语法，我们来看一个简单的例子： // 箭头函数 let fun = (name) => { // 函数体 return `Hello ${name} !`; }; // 等同于 let fun = function (name) { // 函数体 return `Hello ${name} !`; }; 可以看出，定义箭头函在数语法上要比普通函数简洁得多。箭头函数省去了function关键字，采
js代码-014面试题--普通函数与箭头函数的区别
07-16
举个例子，对比普通函数和箭头函数的`this`行为： ```javascript let obj = { name: 'Alice', sayName: function() { console.log(this.name); }, arrowSayName: () => { console.log(this.name); } }; obj....
函数（rest 箭头）
liatajkd的博客
09-01 45
函数(rest 箭头) 1、参数的默认值 传统方式： function fn (n,a) { var name = n||''; var age = a||18||''; if(name){ console.log(name); } } ES6新方式： function fn1 (a,n='z...
箭头函数的使用
m0_46621937的博客
06-01 444
箭头函数的使用 当我们调用接口请求时要通过请求返回的数据改变页面数据经常要用到临时指针来保存this指针。 但如果使用ES6的箭头函数就可以避免 使用临时指针 onLoad: function (options) { let that = this //保存临时指针 wx.request({ url: url + 'GetCouponlist', method: 'POST', header: { 'Content-Type': 'application
箭头函数详解()=>{}
热门推荐
weixin_30685029的博客
08-06 1万+
摘要：箭头函数有几个使用注意点。 （1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象，箭头函数继承而来的this指向永远不变。 （2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。 （3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用Rest参数代替。 （4）不可以使用yield命令，因此箭头函数不能用...
JS 箭头函数与普通函数
CxZzzE的博客
07-01 331
JS 箭头函数、普通函数以及this指向问题
ES6_箭头函数
大脸猫~
09-15 272
优化函数的写法 如何去定义函数 方式一： function sum (x, y) { return x+y } const res = sum(2, 3) console.log(res) // 5 方式二： const sum2 = function (x, y) { return x+y } const res = sum2(3, 4) console.log(res) // 7 在ES6中如何写出优雅的函数呢 const sum3 = (x, y) +> { r
箭头函数跟普通函数的区别
weixin_47218056的博客
09-07 6470
箭头函数跟普通函数的区别 1.写法不同 箭头函数使用箭头定义，普通函数中没有。 //箭头函数 (参数1，参数2...参数n)=>{ //代码段 } //普通函数 function 函数名(参数1，参数2...参数n)=>{ //代码段 } 2.箭头函数不能用于构造函数 普通函数可以用于构造函数，以此创建对象实例。 3.箭头函数中this的指向不同 箭头函数自身没有this，它的this是父级普通函数的this. 在普通函数中，this总是指向调用它的对象或者，如果用作构造函数，
【前端】ES6的箭头函数
瑞新の博客：bennyrhys
05-21 961
这个是ES6的箭头函数，res =>可以理解为function(res) 箭头函数的最大好处就是省略了var that=this 从而将this改为静态。 var 函数名 = 参数名 => 返回值; var f = v => v; //等同于 var f = function(v){ return v; }; 如果不需要参数或有多个参数，要使用圆括号 var f = () => 5; var sum = (num1,num2) => num1+num2; .
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值