ES6箭头函数和模板字符串

举报
tea_year 发表于 2021/12/23 00:24:21 2021/12/23
【摘要】 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

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。