ES6箭头函数的特性

简介: ES6箭头函数的特性

箭头函数的特性有什么?让我为大家介绍一下吧!

1.不绑定arguments,用rest参数…解决

let fun = ()=>{
        console.log(arguments) //报错 arguments is not defined
    }
    fun()

可以使用剩余参数

let fun = (...a)=>{
        console.log(a) //[1, 2, 3]
    }
    fun(1,2,3)

2.本身没有this的概念,捕获其所在上下文的 this 值,作为自己的 this 值,this指向全局

const obj = {
        name:"zs",
        age:18,
        fun(){
            console.log(this) //this指向obj
        },
        fn:()=>{
            console.log(this) //this指向window
        }
    }
    obj.fun() 
    obj.fn()

3.箭头函数不能使用new

let Fun = ()=>{}
    let zs = new Fun()
    console.log(zs) //Fun is not a constructor(构造函数)

4.箭头函数没有原型属性(prototype)

let Fun = ()=>{}
    console.log(Fun.prototype) //undefined

5.箭头函数不能当做Generator函数,不能使用yield关键字

如果大家想了解生成器可以阅读一下,点击转跳ES6初步了解生成器

普通函数中

function * fun() {
        yield 111
    }
    let iterator = fun()
    console.log(iterator)

6.箭头函数有constructor、length属性

let fun = ()=>{
        console.log(constructor) //ƒ Window() { [native code] }
        console.log(length) // 0
    }
    fun()

感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!

相关文章
|
2月前
ES6之箭头函数
ES6之箭头函数
|
2月前
在ES6中,箭头函数可以像传统函数一样使用`this`吗?
在ES6中,箭头函数可以像传统函数一样使用`this`吗?
12 1
|
2月前
|
小程序
es6学习笔记(四)箭头函数
es6学习笔记(四)箭头函数
|
4月前
Es6箭头函数
Es6箭头函数
36 0
|
5月前
|
JavaScript 前端开发 网络架构
JavaScript开发中ES6+新特性:解释箭头函数的作用以及它与普通函数的区别。
JavaScript开发中ES6+新特性:解释箭头函数的作用以及它与普通函数的区别。
42 1
|
10月前
|
自然语言处理 JavaScript
ES6中的箭头函数及其使用场景
ES6 (ECMAScript 2015) 引入了许多新特性,其中之一就是箭头函数。箭头函数是一种更加简洁和便捷的函数定义方式,本文将详细介绍 ES6 中的箭头函数,并探讨其适用场景及注意事项。
|
11月前
【ES6】 箭头函数
【ES6】 箭头函数
32 0
ES6 从入门到精通 # 05:函数之扩展运算符、箭头函数
ES6 从入门到精通 # 05:函数之扩展运算符、箭头函数
41 0
ES6 从入门到精通 # 05:函数之扩展运算符、箭头函数
|
网络架构
ES6箭头函数总结
ES6箭头函数总结
ES6箭头函数总结
|
网络架构
es6 箭头函数 rest参数 扩展运算符
es6 箭头函数 rest参数 扩展运算符