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

为什么我的javascript箭头函数在Edge/IE中不起作用?

JavaScript箭头函数在Edge/IE中不起作用的原因是因为Edge浏览器和IE浏览器不支持ES6的箭头函数语法。

箭头函数是ES6引入的一种新的函数定义方式,它具有更简洁的语法和更方便的作用域绑定特性。然而,旧版本的Edge浏览器和IE浏览器不支持ES6的箭头函数语法,因此在这些浏览器中使用箭头函数会导致语法错误或不起作用。

解决这个问题的方法是使用传统的函数定义方式来替代箭头函数。将箭头函数转换为普通函数可以确保在所有浏览器中都能正常运行。

例如,如果你的箭头函数是这样定义的:

代码语言:txt
复制
const sum = (a, b) => a + b;

你可以将其改写为:

代码语言:txt
复制
function sum(a, b) {
  return a + b;
}

这样就可以在Edge/IE中正常使用了。

另外,如果你在项目中使用了大量的ES6语法和特性,建议使用Babel等工具进行代码转换,以确保在不同浏览器中都能正常运行。

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

以上是腾讯云提供的一些与云计算相关的产品,可以根据具体需求选择适合的产品来解决相应的问题。

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

相关·内容

JavaScript中的箭头函数

关键字 没有大括号{} 在JavaScript中,函数是一等公民。...你可以把函数存储在变量中,把它们作为参数传递给其他函数,并从其他函数中把它们作为值返回。你可以使用JavaScript箭头函数来做所有这些事情。 无圆括号语法 在上述示例中,函数是没有参数的。...匿名箭头函数 在上面的演示中,接下来要注意的是.setInterval()方法中的代码。在这里,你也会发现一个匿名函数,但这次是一个箭头函数。为什么?...它们从父级继承this的值,正是因为这个特点,在上面这种情况下就是很好的选择。 不正常工作的情况 箭头函数并不只是在JavaScript中编写函数的一种花里胡哨的新方法。...这意味着arguments对象在箭头函数中是不可用的。

2.1K20
  • JavaScript深入浅出第1课:箭头函数中的this究竟是什么鬼?

    《JavaScript 深入浅出》系列: JavaScript 深入浅出第 1 课:箭头函数中的 this 究竟是什么鬼? JavaScript 深入浅出第 2 课:函数是一等公民是什么意思呢?...; } JavaScript箭头函数与普通函数不只是写法上的区别,它们还有一些微妙的不同点,其中一个不同点就是this。 箭头函数没有自己的this值,箭头函数中所使用的this来自于函数作用域链。...代码没有在任何函数中执行,而是在全局作用域中执行时,this的值就是global对象,对于浏览器来说,this就是window。 这一条规则还是比较容易接受的。...箭头函数 箭头函数的this取值,规则非常简单,因为this在箭头函数中,可以看做一个普通变量。 An arrow function does not have its own this....箭头函数没有自己的this值,箭头函数中所使用的this都是来自函数作用域链,它的取值遵循普通普通变量一样的规则,在函数作用域链中一层一层往上找。

    56650

    函数表达式在JavaScript中是如何工作的?

    在JavaScript中,函数表达式是一种将函数赋值给变量的方法。函数表达式可以出现在代码的任何位置,而不仅仅是函数声明可以出现的位置。...函数表达式的语法如下: var myFunction = function() { // 函数体 }; 上述代码中,将一个匿名函数赋值给变量myFunction。...函数表达式的特点: 1:匿名函数:函数表达式可以是匿名函数,即没有函数名。在这种情况下,函数只能通过变量名来调用。...这样的函数在函数内部和外部都可以通过函数名来调用自身。...函数声明会被提升到作用域的顶部,而函数表达式不会被提升。因此,在使用函数表达式之前,需要确保该表达式已经被赋值。此外,函数表达式还可以根据需要在运行时动态创建函数,具有更大的灵活性。

    22050

    ES5 在 Web 上的现状

    备注 Lodash 否 仅 ES5 React 否 仅 ES5 date-fns 是 箭头函数 three.js 是 async/await,箭头函数,展开运算符,解构赋值 d3 是 箭头函数,展开运算符...RxJS 是 箭头函数 immer 是 箭头函数,展开运算符,解构赋值 luxon 是 async/await,箭头函数,展开运算符,解构赋值 react-query 否 仅 ES5(打包了 Babel...) 这三种工具都包括某种形式的 polyfills 和所谓的 ES5“助手”函数,以避免在最终输出中重复。...这些助手库中的许多函数都足够独特,可以通过查询 HTTP Archive 来检测(即使在最小化代码中)哪些网站在使用它们。...在开发中,代码应该在开发者使用的任何浏览器上运行良好,特别是如果库作者遵循我上面给出的建议并针对Baseline Widely Available。

    13110

    ES6的前世今生

    · Safari:10 版起便可以支持 99% 的 ES6 新特性。 · IE:Edge 15可以支持 96% 的 ES6 新特性。Edge 14 可以支持 93% 的 ES6 新特性。...4、为什么学习ES6? ?...arguments 对象的影响 3、默认参数表达式 Default Parameter Expressions 4、未命名参数问题 5、函数中的扩展运算符 (3)全新的函数箭头函数 1、箭头函数语法...2、使用箭头函数实现函数自执行 3、箭头函数中无this绑定No this Binding 4、无arguments绑定 (4)对象功能的扩展 1、对象类别 2、对象字面量的语法扩展 2.1...3、使用数组初始化Set 4、判断一个值是否在Set中 5、移除Set中的元素 6、遍历Set 7、将Set转换为数组 (9)Map数据结构 1、创建Map对象和Map的基本的存取操作 2、Map

    96120

    【OpenHarmony】TypeScript 语法 ④ ( 函数 | TypeScript 具名函数和匿名函数 | 可选参数 | 剩余参数 | 箭头参数 )

    类似 , 但是 在 JavaScript 函数基础上 增加了 类型注解 , 函数代码的 可读性 和 健壮性 增加了 ; JavaScript 中的函数 不需要 声明 形参 和 返回值类型 , 但是在...与 JavaScript 函数对比 TypeScript 函数 与 JavaScript 函数对比 : 唯一区别就是 JavaScript 函数中 , 不允许声明 函数形参 和 返回值 的类型 ; TypeScript...JavaScript 中 , 是不能为 函数的 形参 和 返回值 设置类型的 , 将上述代码拷贝到 Visual Studio Code 的 HTML 代码中 , 会报如下错误 : Type annotations...可选参数 在 TypeScript 函数 的 形参 中 , 形参名称后面 使用 ?..." [LOG]: 1 [LOG]: "传入的剩余参数 : " [LOG]: 8 5、TypeScript 箭头函数 在 ES6 版本的 TypeScript 语言中 , 可以定义 " 箭头函数

    15910

    nextline函数_在JAVA中Scanner中的next()和nextLine()为什么不能一起使用?

    大家好,又见面了,我是你们的朋友全栈君。...回车符 “\r” 它被丢弃在缓冲区中,现在缓冲区中,只有一个 \r ,于是 下一次 nextLine 扫描的时候就又扫描到了 \r,返回它之前的内容,也是啥都没有 “” ,然后再把 \r 去掉, 对于...,而我们在控制台中输入的数据也都是被先存入缓冲区中等待扫描器的扫描读取。...这个扫描器在扫描过程中判断停止的依据就是“结束符”,空格,回车,tab 都算做是结束符 而坑点在于 next 系列的,也就是下面这些函数:next nextInt nextDouble nextFloat...这些函数与 nextLine 连用都会有坑 坑点就是 next 系列的函数返回了数据后,会把回车符留在缓冲区,因此我们下一次使用 nextLine 的时候会碰到读取空字符串的情况 解决方案:输入都用

    2.7K10

    后端人眼中的Vue(四)

    七、Vue生命周期 ​ Vue的生命周期指的是Vue实例在页面中创建到销毁整个过程。Vue提供了在各个生命周期的钩子,钩子也叫Vue生命周期函数。...8.2、使用箭头函数 在使用匿名函数时,可以使用ES6中的箭头函数(参数)=>{函数体},一般用于匿名函数作为参数的时候使用。 注意: 当箭头函数没有参数或者是参数大于1个时,必须加入()。...当箭头函数只有一个参数时,()可以省略不写。 当函数体只有一行代码时,函数体的{}可以省略不写。...箭头函数和原来的普通函数(匿名函数)除了写法上有区别,还有一个很明显的区别,即箭头函数没有自己的this,匿名函数有自己的this。...这造成了用户下载的 JavaScript 的无谓的增加。 于是就有了局部组件。 <!

    26940

    完美掌握多行文本修剪技巧:CSS中的实用指南

    下面是正文~~~ 在Web 开发中,CSS中的文本裁剪一直是一个问题。直到几年前,裁剪文本只能通过服务器端语言或JavaScript来完成,因为CSS没有文本裁剪功能。...单行裁剪 在2007年,第一个支持使用CSS 裁剪 文本的浏览器是Internet Explorer 7(当时IE是主流浏览器),它使用了 text-overflow: ellipsis; 属性。...CSS Flexbox 模块更新了两次,之后就没有留下任何多行特性的痕迹,这个特性是在 CSS Flexbox 的第一次实现中引入的。...如果可能的话,我更喜欢使用省略号这种旧的方式,因为它更接近 CSS 中的官方方式。 鉴于此,我创建了一个 @mixin ,它通过接受一个整数的可选参数来同时针对单行修剪和多行修剪。...如果在浏览器中 line-clamp 不起作用,它只是不会修剪文本。这种回退对于不支持的浏览器已经足够好了。

    28740

    JavaScript进阶内容——jQuery

    JavaScript进阶内容——jQuery 我们在前面的文章中已经掌握了JavaScript的全部内容,现在让我们了解一下JavaScript库 这篇文章主要是为了为大家大致讲解JavaScript...比如jQuery,就是为了快速操作DOM对象,里面封装的基本都是函数(方法) 常见的JavaScript库: jQuery Prototype YUI Dojo Ext JS zepto jQuery...入口函数 jQuery的使用位置和JavaScript的使用位置一样,都是在script中进行,同样存放在body底部 $(function(){ ......$ 我们在这里介绍一下jQuery出场率最高的$符号: 是jQuery的别称,在代码中我们可以用代替jQuery,但一般为了方便,我们习惯写 是jQuery的顶级对象,类似于JavaScript中的window...JavaScript原生的addEventListener中的方法完全相同 $('div').mousemove(function(e){ // 这里的text改变其文本内容

    5.5K10

    VUE2.0 学习(五)一篇文章读懂监听属性watch,他的两种写法,以及深度监视和简写方式

    javascript" src=".....第二种方法监视 监视的范围 不仅仅监视data里面的数据的变化,而且还可以监视 计算属性的变化 总结 监听多级结构中某个属性的变化 我们data里面的数据是一个对象咋办,比如 我们只是要监听...比如数据变化之后,等几秒才有操作,那么只能使用监听属性 总结 为什么vue项目里面的定时器,一般写成箭头函数,其他的写成普通函数 是浏览器调用定时器函数,如果写成普通函数,那么这个定时器里面是有this...的,这个this指的是window,如果写成箭头函数,里面就找不到this了,只能向外找。...外面的函数的this是谁,里面的就是谁。 所以,vue项目里面的定时器,一般写成箭头函数,其他的写成普通函数

    1.8K30

    谷粒学院day03——讲师管理模块前端基础(上)

    与环境配置 1.2 前置知识 2.ES6入门 2.1 什么是javascirpt 2.2 什么是ES6 2.3 定义变量与常量 2.4 解构模板和生命对象 2.5 方法定义 2.6 对象扩展运算符 2.7 箭头函数...关于html可以看我的这篇博客速成:一小时速成html_半旧518的博客-CSDN博客. 2.ES6入门 2.1 什么是javascirpt JavaScript是世界上最简单的一门脚本型语言。...'} let person2 = {...age,...name} console.log(person2); //{age:15,name:'wz'} 2.7 箭头函数...我们可以在vscode中把这种频繁使用的代码片段抽取出来,避免重复编程。选择:文件=>首选项=>用户片段=>新建全局代码片段.内容如下。...下面代码的效果是,鼠标放置在在浏览器显示的“我是标题”上,将会显示"页面加载时间:xxxx". <!

    76410
    领券