Why I can't use ES6 function syntax as constructor?

Question

The following code doesn't work:

let myClass = ()=>{
    this.value = 2
    return this
}

myClass.prototype.print = ()=>{
    console.log(this.value)
}

While this works

let myClass = function(){
    this.value = 2
    return this
}

myClass.prototype.print = function(){
    console.log(this.value)
}

What was the difference between ES6 function and regular function?

Because arrow function is not purposed to be used as a constructor, neither it is purposed to be used as a method. Reading the [documentation](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions) is always useful. — Teemu, Sep 22 '17 at 07:21

score 2 · Accepted Answer · answered Sep 22 '17 at 07:23

2

Arrow functions does not deal with this keyword the way it does with normal functions.

Inside arrow functions the value of this is same as what it is outside the function

answered Sep 22 '17 at 07:23

Rohit Agrawal

score 2 · Answer 2 · answered Sep 22 '17 at 07:26

2

answered Sep 22 '17 at 07:26

dork

1

That's rather a consequence of them not being constructable, not the reason. – Bergi Sep 22 '17 at 07:32

2 Answers2