ES6箭头函数和模板字符串
【摘要】
Es6 本章内容: 箭头函数 箭头函数中this的指向 数组的新方法 模板字符串 三点运算符 结构赋值 具体内容: 箭头函数的声明: Es6允许使用箭头函数(=>)定义
箭头函数 上面是箭头函数的...
Es6
本章内容:
箭头函数
箭头函数中this的指向
数组的新方法
模板字符串
三点运算符
结构赋值
具体内容:
箭头函数的声明:
Es6允许使用箭头函数(=>)定义
//声明一个对象
function Person(name,age) {
this.name = name;
this.age = age;
}
let v = new Person("wyh",30);
p.say = function () {
console.log(this.name+"==="+this.age);
}
p.say();
console.log(v)
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
我们在来写个例子看一下我们所说的哪两种情况
这样我们在控制台就可以看到不在是undefined的找不到了
箭头函数中的this:
在箭头函数中,没有自己的this,他的this是继承而来的;默认的指向在定义他时的对象(宿主对象),而不是执行时的对象,定义他的时候,可能环境时window;箭头函数可以方便的让我们在setTimeout,setInterval中方便的使用this
箭头函数中this指向的固定化,并不是因为箭头函数的内部有this绑定机制,实际原因是箭头函数根本没有自己的this,导致内部的this就是外层代码块的this
那我们可以改变一下我们的代码看看
数组的新方法:
Map 映射
Reduce 汇总
Filter 过滤器
forEach 循环(迭代)
Some() 一个为true就会返回true
every() 必须所有都为true才会返回true
文章来源: aaaedu.blog.csdn.net,作者:tea_year,版权归原作者所有,如需转载,请联系作者。
原文链接:aaaedu.blog.csdn.net/article/details/114604819
【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)