ES6的箭头函数

最新推荐文章于 2022-12-17 15:43:45 发布
最新推荐文章于 2022-12-17 15:43:45 发布
阅读量128 收藏
点赞数
分类专栏： 前端(HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liulang68/article/details/120021748
版权

js

在这里插入图片描述

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>菜鸟教程(runoob.com)</title>
  </head>
  <body>
    <h2>JavaScript 箭头函数</h2>

    <p>箭头函数不需要使用 function、return 关键字及大括号 {}。</p>

    <p>IE11 及更早 IE 版本不支持箭头函数。</p>

    <p id="demo"></p>

    <script>
      //   var y = function (x, y) {
      //     return x * y;
      //   };
      //   const y = (x, y) => x * y;
      //   //document.getElementById("demo").innerHTML = x(5, 5);
      //   document.getElementById("demo").innerHTML = y(5, 5);
      //先写一个普通的函数
      function test(a, b) {
        alert(a * b);
      }
      test(1, 2);
      var a = function (a, b) {
        alert(a * b);
      };
      a(3, 4);
      //接下来看箭头函数是怎么写的,箭头写错了
      var c = (a, b) => alert(a * b);
      c(7, 7);
    </script>
  </body>
</html>
前端交互仔
关注
专栏目录
IE浏览器不支持箭头函数导致页面不展示问题
ZXin153的博客
12-13 2007
IE浏览器和老项目
ES6 箭头函数
langmanboy的博客
04-22 365
箭头函数 1. 箭头函数语法 箭头函数是 ES6 新增的特性， 通过使用 => 定义函数的新语法 箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super 或 new.target 箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数 arg1, arg2, ..argN 函数参数 expression 函数返回值 let func = (arg1, arg2, ..., argN) => expression; let func =
IE11兼容性问题完美解决（用户代理字符串）
09-11
IE11兼容性问题完美解决（用户代理字符串），用于解决win8/win8.1下IE11的兼容性问题
IE11兼容ES6语法问题
qq506930427的博客
08-20 2万+
一、使浏览器兼容ES6基本语法 例如：1.新的变量声明方式 let/const 2.箭头函数 3.模板字符串 4.函数默认参数 5.展开运算符等基础语法 方法 在引入其他脚本前先引入browser.min.js。（脚本下载地址：开发版本browser.js；生产版本browser.min.js。） script标签的type的值设为text/babel。 <!DOCTYPE htm...
不能使用箭头函数的场景
onepunchmen00的博客
10-11 1885
定义方法的时候  ①定义字面量方法 const calculator = { array: [1, 2, 3], sum: () => { console.log(this === window); // => true return this.array.reduce((result, item) => result + item);
IE浏览器不兼容js中的ES6箭头函数
Anhk丶
04-01 2572
一、如下示例：使用es6语法（不包含Promise） script标签的type的值设为text/babel <script type="text/babel"> const arr1=[1,2,3] const arr2=[...arr1] console.log(arr2); let arr3=arr2.map((x)=>x*2) console.log(arr3)...
IE11中Array的find()方法、String的repeat()方法 等兼容性问题
carcarrot的博客
09-08 1034
最近有个在Chrome浏览器正常运行的项目，客户需要用IE浏览，发现在IE11及以下版本浏览异常，有两个原因： 1.IE11不支持箭头函式表达式=>，改成function匿名函数解决； 2. IE11中Array没有此项目中使用到的find方法，也没有String.prototype.repeat方法，因此兼容的写一个【需放在引用的地方之前，比如在“$(document).ready(function(){})”中】
ES6箭头函数、箭头函数与普通函数的区别
d_agege的博客
03-26 804
一、基本语法 ES6中允许使用箭头=>来定义箭头函数，具体语法，我们来看一个简单的例子： // 箭头函数 let fun = (name) => { // 函数体 return `Hello ${name} !`; }; // 等同于 let fun = function (name) { // 函数体 return `Hello ${name} !`; }; 可以看出，定义箭头函在数语法上要比普通函数简洁得多。箭头函数省去了function关键字，采
JavaScript ES6箭头函数使用指南
10-17
JavaScript ES6箭头函数是ECMAScript 2015引入的一个重要特性，它提供了更加简洁的函数定义方式，同时也改变了传统函数中`this`的指向规则。箭头函数的出现，部分原因是受到CoffeeScript的影响，其核心在于简化代码...
es6箭头函数this指向及优缺点
xzbqd的博客
12-17 321
es6箭头函数this指向及优缺点
ES6新增的箭头函数
01-08
箭头函数：是一种函数的语法，符合函数的概念 特点如下： 1. 简单方便：()=>{} 2. 不允许直接存在，必须作为值存在 var fn = ()=>{ console.log(hello); } fn(); //hello 3. 箭头函数内部没有自己的this，使用的是外层函数的this var obj = { fn1:function(){ console.log(this); }, fn2:()=>{ console.log(this); } } obj.fn1(); //obj obj.fn2(); //window 4. 箭头
IE兼容ES6解决办法。。。。。。。。。。。
09-03
完美解决前端开发IE兼容问题。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
setInterval定时器在ie不生效原因之一：回调的是箭头函数
Amouzy的博客
07-01 654
场景： 使用了定时器，在谷歌生效，但是在ie浏览器不生效。在ie浏览器检查元素发现控制台有以下报错： 点击错误行，到调试程序页面，可见已经指出了错误的位置 将箭头函数改为function定义的函数 则不再报错...
怎么让ie兼容es6，ie兼容ES6的方法，包括箭头函数，Promise，async，await
热门推荐
xlzy
01-18 4万+
如下示例：使用es6语法 &amp;amp;amp;quot;text/babel&amp;amp;amp;quot;&amp;amp;amp;gt; const arr1=[1,2,3] const arr2=[...arr1] console.log(arr2); let arr3=arr2.map((x)=&amp;amp;amp;gt;x*2) console.log(arr3); const [x,y,z]=[[
ES6之箭头函数（Arrow Function）
kaelyn_X的博客
11-03 2055
箭头函数（Arrow Function）
ES6箭头函数（arrow function）
bdss58的专栏
06-23 593
ES6的箭头函数对this关键字的绑定的改进老生常谈了。不再赘述，这里仅仅尝试一下改进的甜头。 下面片段对比了实用arrow function和不使用的区别：class Person { constructor(firstname, lastname) { this.firstname = firstname; this.lastname = lastnam
ES6函数
m0_51530332的博客
12-13 181
先来看下es6函数参数的扩展 默认参数： //基本用法 <script> function fn(name, age = 17) { console.log(name + ',' + age) } fn();//undefined,17 fn('张三',);//张三,17 fn('张三','');//张三 fn('李四','20');//李四,20 </script&gt
解决swiper3.0版本在IE浏览器不兼容问题以及VUE箭头函数在IE浏览器里面不兼容
sunnyboysix的博客
08-08 5910
VUE箭头函数在IE浏览器不兼容 myArray.forEach(=&gt;{ ..................... }     把=&gt;改成function（xxx） IE不支持很多VUE的写法，自己可以参考一下ES6   swiper3.0版本在IE上兼容性很差的，公司最新的项目用了3.0的swiper在谷歌浏览器上OK，但是到了IE  9 10 11就没办法正常显...
es6 箭头函数
最新发布
05-25
ES6 中的箭头函数是一种更简洁的函数语法，它可以更方便地定义匿名函数。箭头函数的形式如下： ``` (param1, param2, ...) => {statements} ``` 其中，`(param1, param2, ...)` 是函数的参数列表，`{statements}` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值