首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

2018年Safari 9中的箭头函数会有问题吗?

2018年Safari 9中的箭头函数在某些情况下可能会出现问题。箭头函数是ES6引入的一种新的函数语法,它具有简洁的语法和词法作用域绑定。然而,Safari 9对箭头函数的支持不完全,可能会导致一些兼容性问题。

具体来说,Safari 9中的箭头函数可能会出现以下问题:

  1. 不支持箭头函数的参数默认值:在Safari 9中,箭头函数的参数不支持默认值的设置。这意味着如果你在箭头函数的参数中使用了默认值,Safari 9可能无法正确解析和执行该函数。
  2. 不支持箭头函数的arguments对象:在箭头函数中,arguments对象指向的是外层函数的arguments对象,而不是当前函数的arguments对象。然而,在Safari 9中,箭头函数的arguments对象可能会被错误地解析为当前函数的arguments对象,导致代码逻辑错误。
  3. 不支持箭头函数的原型:在Safari 9中,箭头函数没有原型属性,因此无法通过箭头函数创建的对象进行原型链继承。

针对上述问题,可以考虑以下解决方案:

  1. 避免在Safari 9中使用箭头函数的参数默认值,可以使用传统的函数表达式来代替。
  2. 避免在箭头函数中使用arguments对象,可以使用剩余参数(rest parameters)或者使用ES6的解构赋值来获取函数的参数。
  3. 避免在需要使用原型的场景中使用箭头函数,可以使用传统的函数表达式来定义函数。

需要注意的是,以上解决方案是针对Safari 9中箭头函数的兼容性问题,其他浏览器和版本可能会有不同的支持情况。在实际开发中,建议根据目标浏览器的兼容性要求,选择合适的语法和解决方案。

腾讯云相关产品和产品介绍链接地址:

  • 云函数(Serverless):https://cloud.tencent.com/product/scf
  • 云服务器(CVM):https://cloud.tencent.com/product/cvm
  • 云数据库 MySQL 版(CDB):https://cloud.tencent.com/product/cdb
  • 云原生应用引擎(TKE):https://cloud.tencent.com/product/tke
  • 云存储(COS):https://cloud.tencent.com/product/cos
  • 区块链服务(BCS):https://cloud.tencent.com/product/bcs
  • 腾讯会议:https://meeting.tencent.com/

请注意,以上链接仅供参考,具体产品选择应根据实际需求进行评估和决策。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

函数调用太多了会有性能问题

还记得我们团队有位开发同学当时问过我一个问题,我们用xx框架这么重,一个用户请求过来即使什么也不干,都已经进行了那么多次函数调用了,适合用来做接口开发?...我当时给她回答是,没问题放心吧,函数调用开销很小,不必担心。但回答完她问题之后,我回头一想,我只知道函数调用开销很小,但是具体是多大,我心里并吃不准,这就在我心里又种下了草。...这6个指令是对应在函数内部执行,以及函数返回操作。加上前面2个,这样在结论2中每个函数8个CPU指令就都水落石出了。...这就是CPU指令并行功劳。所以增加函数调用后耗时并没有增加太多,除了函数调用本身开销不大原因以外,还有一个原因就是函数调用让CPU流水线并行技术得以施展,每周期处理CPU指令数更多了。...6 PHP语言测试 很多同学又会问题,你用是C语言进行测试,性能当然高了。 “我用可是PHP,这可是脚本语言” “我用可是Java,中间可还有一层虚拟机” “我用可是...”

75620

便宜域名使用会有问题

很多人购买任何物品都喜欢讨价还价,喜欢追求便宜,但其实任何商品都有其内在价值,过分便宜可能并不是一件值得高兴事情,像很多网友询问域名哪里有便宜卖,那么下面就来了解一下哪里注册域名便宜?...便宜域名使用会有问题? 哪里注册域名便宜 想要购买域名通常需要向域名供应商来进行购买,一般品牌域名供应商价格都比较一致,想要在那里购买便宜域名基本上没有可能。...目前网络上价格便宜域名,一般都是一些代理域名商在销售,那里域名一年使用费用只有正常价格数分之一,能够为用户带来非常便宜域名使用。 便宜域名能使用 哪里注册域名便宜?...对于价格便宜域名,其实都是有深层次原因。很多人都会发现便宜地域名访问速度通常容易出现卡顿,而且在很多情况下这种域名都没有很好保障。...其实便宜域名是有的,但便宜往往就意味着服务不佳稳定性不好,因此对于想买便宜域名用户而言,还是应当三思而后行。

24.9K10

箭头函数与普通函数(function)区别是什么?构造函数(function)可以使用 new 生成实例,那么箭头函数可以?为什么?

基本不同 1.写法不同,箭头函数使用箭头定义,普通函数中没有 .箭头函数都是匿名函数,普通函数可以有匿名函数,也可以有具体名函数,但是箭头函数都是匿名函数。...在普通函数中,this总是指向调用它对象,如果用作构造函数,this指向创建对象实例。箭头函数中没有this,声明时捕获其所在上下文this供自己使用。...所以箭头函数结合call(),apply()方法调用一个函数时,只传入一个参数对this没有影响。...,不能使用new 关键字,因为new关键字是调用函数对象constructor属性,箭头函数中没有该属性,所以不能new function fn1(){ console.log...arguments,取而代之用rest参数…解决 6.箭头函数不可做Generator函数

1.8K10

还在受JSthis指向问题困扰?来看看Es6箭头函数

res2 = function(x,y){ console.log(x,y) } res2(2,3) 上面两种输出结果是相等箭头函数相对于es6之前function更加简洁,除了简洁这一点...,箭头函数还有一个很重要特性,箭头函数内部this是由上下文决定,什么意思?...} person.show();//undefind 可以看到this由person变成了window所以最后结果是undefind 没有接触Es6之前我们或许会这样解决this指向问题...+y; } console.log(res(2,3));//5 console.log(res2(2,3));//5 总结 箭头函数没有自己this,箭头函数this不是在调用时决定,而是在定义时候处在对象就是他...this 箭头函数看外出是否有函数,如果有外出函数this就是箭头函数this 如果没有this指向window

21410

去广告、获取VIP、修改游戏无敌神器Flex

Flex 需要会编码? 据这款插件开发者介绍,制作新Flex补丁完全不需要编码知识。...30,这样你 Safari 标签就增加到了 30 个。...使用 Flex 真这么容易? 并非那么容易,你还是需要知道哪种类别、变量和方法是想要更改目标,只是你不需要编程而已。...4:点击暴走漫画后面的箭头 5:搜索上面说到三个数据,如loadadwithdict:fromcache 6:点击搜索到结果,结果后面会出现√ 7:三个数据都添加完成后点击左上角箭头返回...8:再次点击左上箭头返回 9:再次点击左上箭头返回(下面三项就是刚才搜索添加数据) 10:最后记得把暴走漫画后面的勾勾上。

1.6K30

互联网视频直播&点播平台RTMP推流组件EasyRTMP在弱网环境下推流稳定?会不会有推流失败问题

EasyRTMP推流组件是一套调用简单、功能完善、运行高效稳定RTMP专用推流组件,能够应用于各种行业直播需求,手机直播、桌面直播、摄像机直播、课堂直播等方面。 ?...TSINGSEE青犀视频有用户使用libeasyrtmp在弱网环境下推流,经常会有推流失败或者断开问题。对于这种问题,开发人员通过网络抓包进行查看。 ?...推流断开是由libeasyrtmp客户端主动断开。而其他推流工具,同样网络环境下并没有断开。 ?...从抓包看,由于网络环境差,存在很多超时重传,同样对于libeasyrtmp中超时,直接断开连接了。...所以我们可以得出结论,针对弱网环境下推流,可以修改libeasyrtmpsocket超时时间,通过延长时间来保持连接。

87630

前端面试题

: 宽度自适应,未知高度元素水平垂直居中,字体水平垂直居中 arguments是数组?...怎么转换数组 promise、await、setTimeout执行顺序问题 es6块级作用域、箭头函数 隐式转换问题 实现一个throttle 实现一个函数bind,bind具体使用场景 算法:求一个数组中...最大区别的是什么 平时有看什么书,怎么总结学习 怎么看待前端技术变革和发展 HR面 高德 一面: 两个升序数组合并为一个有序数组 vue数据双向绑定有监听不到情况 箭头函数哪些情况不能使用 vue...重叠问题 二面: 使用flex实现一个布局 vue怎么实现数据双向绑定 箭头函数能否改变this指向 this指向问题,代码相关题目 封装一个文件异步读取函数(考点thunk函数) promise...,vue实现原理 怎么设计好一个组件 … 说是后续会有二面…

1.1K22

Iconfont在教育平台实践

这样,对平台图片优化已经达到极致了吗? ? 随着平台规模不断扩大,我们发现/img/目录小图标越来越多,已经达到了700+多个,这么多图标真的都是必须? ?...从上面这张图可以看到,以箭头为例,不同颜色、不同大小达到几十张,为了适配不同场景,而这些一个矢量图就可以轻松搞定。 矢量图,两个方案,svg和iconfont。...遇到一些问题 svg图标绘制 虽然目前线上有很多这种图标,但是为了我们平台图标统一性和可沉淀,我们选择了自己绘制图标。...在选择绘制图标大小上有了几次尝试,因为图标大多数是12px/16px/24px/32px/48px,最后我们经过多次测试确认绘制svg大小为480px,左右留白30px这个标准 字体跨域问题 这个是遇到最简单一个问题...icon font支持不友好,如果字体比较小会有明显锯齿,字体超过20px就会有所改善,因为这个只好把所有圆形图标都换成图片了 低端pc机上,icon font渲染不好,有一定程度锯齿,chrome

1.2K20

Iconfont在教育平台实践

这样,对平台图片优化已经达到极致了吗? ? 随着平台规模不断扩大,我们发现/img/目录小图标越来越多,已经达到了700+多个,这么多图标真的都是必须? ?...从上面这张图可以看到,以箭头为例,不同颜色、不同大小达到几十张,为了适配不同场景,而这些一个矢量图就可以轻松搞定。 矢量图,两个方案,svg和iconfont。...遇到一些问题 svg图标绘制 虽然目前线上有很多这种图标,但是为了我们平台图标统一性和可沉淀,我们选择了自己绘制图标。...在选择绘制图标大小上有了几次尝试,因为图标大多数是12px/16px/24px/32px/48px,最后我们经过多次测试确认绘制svg大小为480px,左右留白30px这个标准 字体跨域问题 这个是遇到最简单一个问题...icon font支持不友好,如果字体比较小会有明显锯齿,字体超过20px就会有所改善,因为这个只好把所有圆形图标都换成图片了 低端pc机上,icon font渲染不好,有一定程度锯齿,chrome

1.6K70

我不知道前端(三)

有些人错误使用()去取该集合元素,下表列出各浏览器对childNodes(i)支持情况: IE6/7/8/Safari/Chrome/Opera IE9/Firefox childNodes(i)...当然我们可以用bind函数硬修改this作用域,这是我觉得非常实用函数。...new操作符和传统面向对象new并不一样; 我们用new调用函数就是所谓构造 使用new来调用函数会有如下操作: 创建一个全新对象 新对象要执行[[Prototype]]连接 新对象绑定函数调用...(bar.a); // 2 复制代码 ---- 不遵从this词法 我们上边说并无问题,不过如果对于箭头函数,那么this作用域又不一样 console.log=()=>{}; 这样是一个箭头函数...,而这样一个箭头函数this实际上并不存在,箭头函数this来自于它上一层作用域

29530

m001mac初级篇之常用快捷键

(Copy) Command-V:粘贴 Command-A:全选(All) Command-S:保存(Save) Command-F:查找(Find) 在浏览器中 很多用户从Windows过度到Mac过程中会有很多不习惯...文本处理 Command-右箭头:将光标移至当前行行尾 Command-B:切换所选文字粗体(Bold)显示 fn-Delete:相当于PC全尺寸键盘上Delete,也就是向后删除 fn-上箭头:...向上滚动一页(Page Up) fn-下箭头:向下滚动一页(Page Down) fn-左箭头:滚动至文稿开头(Home) fn-右箭头:滚动至文稿末尾(End) Command-右箭头:将光标移至当前行行尾...Command-左箭头:将光标移至当前行行首 Command-下箭头:将光标移至文稿末尾 Command-上箭头:将光标移至文稿开头 Option-右箭头:将光标移至下一个单词末尾 Option-...:将文件移至废纸篓 Command-Shift-Delete:清倒废纸篓 空格键:快速查看选中文件,也就是预览功能 在safari浏览器补充 上下方向键 小范围垂直滚动页面 左右方向键 小范围水平滚动页面

1.5K80

如何下载微信图文消息里视频?在浏览器中打开保存到手机

刚刚看到别人分享在朋友圈里文章里面有个视频,是微信公众平台内嵌视频,挺有意思,想把它下载下来,那么,怎么提取微信图文消息里视频呢?   ...研究了好一会,采用迂回术总算把微信图文里视频保存到手机了   打开那个含有视频图文消息,点击右上角菜单,选“在浏览器中打开”,下图红色箭头所示 ?   ...一般默认浏览器都可以播放视频,播放过程中会有一个下载菜单,如下图箭头所示 ?   点击下载就能把图文消息里视频保存到手机中。...当然有特殊情况,在苹果Safari浏览器中,视频右侧没有出现下载按钮,建议换用其他

5.5K40

一劳永逸地搞懂 JavaScript中‘this’

}); } }; person.printActivities(); // 输出: // Anna loves reading // Anna loves hiking 注意 forEach 中箭头函数...它舒适地使用 printActivities 中 this。没有戏剧。 但有一个问题 箭头函数有点固执。我们用来为常规函数设置 this 方法,如 call、apply或bind?...声明开始你IIFE,这就会有一个身份危机。...就像按钮说,“是的,我是被点击那个!” 情节转折:箭头函数 现在,如果你想在事件监听器中使用箭头函数,要小心。记住我们之前讨论过箭头函数从它们周围继承 this ?...在这里,displayInfo 方法使用 this 来访问个别汽车制造和模型,尽管该方法在实例之间是共享。 小心:箭头函数陷阱 快速提醒!记得我们之前关于箭头函数聊天

11310

移动端H5页面开发坑点指南

2:form提交时候默认取整 //input中type=number一般会自动生成一个上下箭头,点击上箭头默认增加一个step,...1:右对齐实现 设置如下属性 select option { direction: rtl; } 问题2:禁用select默认箭头 ::-ms-expand修改表单控件下拉箭头,设置隐藏并使用背景图片来修饰...//早期浏览器 -moz-user-select:none; //火狐 -ms-user-select:none; //IE10 user-select:none; 添加完这段代码后在IOS上会有问题...:纠错 关于iOS与OS X端字体优化(横竖屏会出现字体加粗不一致等)问题 iOS浏览器横屏时会重置字体大小,设置text-size-adjust为none可以解决iOS上问题,但桌面版Safari...00:00,也就是说ios默认就是从0开始计算,我们不需要设置后面的时分秒为00:00:00 iOS(safari)标签绑定点击事件无效 iOS(safari)有时候某个标签绑定点击事件无效,加上空

3K10

前端技术观察第 15 期

放弃支持 Node 10 以下版本,结尾逗号默认不能省略,单个参数箭头函数参数需要包裹在括号中 https://prettier.io/blog/2020/03/21/2.0.0.html ECMAScript...-2020.html Apple 在试图杀死 PWA ?...新版 Safari 内置 ITP 防追踪程序将删除七天没有访问过网站绝大部分数据,此举被认为是在杀死 PWA https://ionicframework.com/blog/is-apple-trying-to-kill-pwas...JS中如何使用Lamda表达式(箭头函数),包括alpha-变换,beta-归约,柯里化等等 https://javascriptweekly.com/link/86407/web JavaScript...函数性能几种衡量方法(英) 文章介绍了可以用于衡量代码性能几种方法,以及如何进行分析和优化要点 https://javascriptweekly.com/link/86029/web Webviews

59820

如何修复Vue中 “this is undefined” 问题

一个可能原因是混淆了常规函数箭头函数用法,如果你遇到这个问题,我猜你用箭头函数。如果用常规函数替换箭头函数,它可能会为你修复这个问题。 我们再深入一点,试着理解为什么会这样。...它们以几乎相同方式运作,除了它们处理变量方式不同。 这给新旧Javascript开发人员带来了很多困惑,但是当我们弄懂这个问题时,就很好会有这个困惑。...this is undefined } } 简而言之,尽量避免在Vue组件上使用箭头函数。这将会省去许多头痛和困惑问题。 有时使用箭头函数是很好,但这只在不引用this情况下才有效。...等等,我们不是刚发现当我们试图访问 this 时,箭头函数不起作用? 这就是区别所在。 当我们在常规函数或简写函数中使用箭头函数时,常规函数将this设置为我们Vue组件,而箭头函数则不一样。...在获取数据时使用正确函数 如果正在使用fetch或axios获取异步数据,最好使用 Promise。Promise喜欢匿名箭头函数,它们也使处理this问题变得容易得多。

4.9K20

面试官:谈谈你对 this 指向理解

面试官:谈谈你对 this 指向理解 我们先抛开 ES6 新增箭头函数,先来谈谈我们一般函数 this 指向问题。...首先必须明确说明,this 在普通函数定义时候是确定不了,只有在普通函数执行时候才能确定 this 指向问题。...但是同样this并没有执行它,那你肯定会说我一开始说那些不就都是错误?...this讲来讲去其实就是那么一回事,只不过在不同情况下指向会有些不同,上面的总结每个地方都有些小错误,也不能说是错误,而是在不同环境下情况就会有不同,所以我也没有办法一次解释清楚,只能你慢慢地去体会...箭头函数 this 指向问题 箭头函数this,指向函数定义位置(定义作用域)上下文this var obj = { age : 20, say : () => {

68810

QT断点调试

QT设置断点调试: 1、知道哪里可能出问题 2、完全不清楚自己程序bug在哪 3、跳过肯定不会出错地方 前言: 这个东西难道大家不都应该会???...本人用Qt Creator编写Qt,~ 当然是有大佬用记事本写Qthhhh,每个人用IDE或者编辑器习惯不一样,但……调试嘛,大差不差,将就看看吧 ---- 1、知道哪里可能出问题 在觉得可能会出现问题代码块开头第一行代码左侧添加断点...,因此我们看到debug后断点和箭头会直接跳转到了函数第一条语句,然后下面我门要知道两个按钮: F10: 单步跳过,对于单个语句来说它会执行,然后跳转到下一条语句,但对于某条语句中包含函数调用的话...---- F11: 单步进入:对于基本语句来说(用F11进入函数除外),会进入这条语句底层代码;对于调用函数来说,会进入调用函数去执行其每一条语句: 先看基本语句: 我们箭头指向运行到第...,我们可以跳过: 只要在需要跳过代码块前后各加一个断点 如下图,我们给QString[] 数组赋空字符串””,这个代码是不会有bug,但却要执行很多次,就要按F10很多次,浪费时间,于是我们在代码块前后加了两个断点

2.6K10
领券