ECMAScript学习笔记（2）--ES6新增let、箭头函数理解

1、关于let
用来锁定块程序内的变量非常实用：

10年积累的成都做网站、成都网站制作经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站制作后付款的网站建设流程，更有青龙免费网站建设让你可以放心的选择与我们合作。

   var a = [];

for (var i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 输出10
用var i 并没有将i值锁定(var定义的i会变量提升，作为全局变量)，数组a中每个成员中的i都是公用一个变量空间，所以最后i为10，a[1]()-----a[10]()输出均为10

   var a = [];

for (let i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 输出6

用let i 会针对for每次循环的{ }块代码重新定义变量空间，js解释引擎会自动记录上次i值，所以a的每个成员的i值都是不一样的！

2、箭头函数使函数定义变得更简洁：

var f = () => 5;
// 等同于
var f = function () { return 5 };

var sum = (num1, num2) => num1 + num2;
// 等同于
var sum = function(num1, num2) {
return num1 + num2;
};

箭头前一般为传入参与，箭头后一般返回参数，没有传入参数可以用（），如果没有返回参数可以用{}把语句包含。

关于箭头函数有几个使用注意点：

（1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。如下：

{
var ft=function(){
this.a='a';
this.b='b';
this.c={
a: 'a+';
b: ()=>{
return this.a;
}

                          }

          }

          console.log(new ft().c.b());  //显示 a,不是a+，因为this指向在定义箭头函数时就已经被确定了箭头函数外的this相同

}

比较非箭头函数写法结果：

{
var ft=function(){
this.a='a';
this.b='b';
this.c={
a: 'a+';
b: fuction(){
return this.a;
}

                          }

          }

          console.log(new ft().c.b());  //显示 a+,不是a，此时的 this是在对象被使用的时候定义，即被调用的时候定义，this指向c

}

（2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。

（3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。

（4）不可以使用yield命令，因此箭头函数不能用作 Generator 函数。
先做个记录，有时间再分析

分享名称：ECMAScript学习笔记（2）--ES6新增let、箭头函数理解
URL网址：https://www.cdcxhl.com/article18/ihgsgp.html

成都网站建设公司_创新互联，为您提供网站内链、动态网站、、关键词优化、企业建站、品牌网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联