async function with the class in javascript

Question

I have create a class in nodejs

class ApnService {
  sendNotification(deviceType, deviceToken, msg, type, id) {
    try {
      const note = await apnProvider.send(note, deviceToken)
      console.log(note)
    } catch (err) {
      console.log(err)
    }
  }
}

export default ApnService

What I need to do is to convert above function to async. But when I use below syntax It throws me error

SyntaxError: src/services/apn.js: Unexpected token (43:19)
  41 |   }
  42 | 
> 43 |   sendNotification = async(deviceType, deviceToken, msg, type, id) => {
     | 

               ^

Below is the syntax

class ApnService {
  sendNotification = async(deviceType, deviceToken, msg, type, id) => {
    try {
      const note = await apnProvider.send(note, deviceToken)
      console.log(note)
    } catch (err) {
      console.log(err)
    }
  }
}

export default ApnService

score 19 · Accepted Answer · answered Nov 15 '18 at 06:22

19

You can simply add async before function name to declare that function as async,

class ApnService {
  async sendNotification(deviceType, deviceToken, msg, type, id) {
    try {
      const note = await apnProvider.send(note, deviceToken)
      console.log(note)
    } catch (err) {
      console.log(err)
    }
  }
}

export default ApnService

answered Nov 15 '18 at 06:22

Aniket Pawar

2,641
19
32

Yes this will work but this is not ES-7 syntax. Am I right? – Dark Knight Nov 15 '18 at 06:25
@DarkKnight Async functions are introduced in ES2017. If you are using es6 then you need to compile it using babel or webpack – Aniket Pawar Nov 15 '18 at 06:38
This is my `.babelrc` `{ "presets": [ ["env", { "targets": { "node": 4.3 } }] ], "env": { "test": { "plugins": ["istanbul"] } } } ` Could you please let me know what I am missing here? – Dark Knight Nov 15 '18 at 06:41
Can you tell more about version of ecmascript and Node that you are using currently ? – Aniket Pawar Nov 15 '18 at 07:13
node version `v8.9.3` and How do I check this `version of ecmascript`? – Dark Knight Nov 15 '18 at 07:17
Have you tried above syntax ? you still have any errors ? – Aniket Pawar Nov 15 '18 at 07:23
Above syntax works for me. But I know this is not the latest es7 syntax – Dark Knight Nov 15 '18 at 07:24
If you want to know that which latest ecmascript features your current node version support than have a look at this [website](https://node.green/#ES2017-features-async-functions) – Aniket Pawar Nov 15 '18 at 07:27
`async arrow functions` this should works as listed the link. Ok now I am asking a new question related to this. THanks for the help!!! – Dark Knight Nov 15 '18 at 07:30
what happens when you actually create at instance of this Class and try to call async method of this class? how would you 'await' for the result of this call? – Alexander Cherednichenko Jul 10 '19 at 11:56

Drew Reese · Answer 2 · 2018-11-15T07:01:33.703

3

async is a keyword to designate an asynchronous function, try

class ApnService {
    async sendNotification(deviceType, deviceToken, msg, type, id) { 
        try { 
            const note = await apnProvider.send(note, deviceToken) 
            console.log(note) 
        } catch (err) { 
            console.log(err) 
        } 
    }
 }
export default ApnService;

edited Nov 15 '18 at 07:01

answered Nov 15 '18 at 06:32

Drew Reese

165,259
14
153
181

OP isn't trying to use `async` as a function, they're using it as a keyword. Look again: `sendNotification = async (/* args */) => {` – Gabriel L. Nov 15 '18 at 06:59
1

Ah yes, narrow mobile screen. – Drew Reese Nov 15 '18 at 07:02

score 1 · Answer 3 · answered Nov 15 '18 at 06:27

class Foo {
    x = something
}

This assignment is an example of a class field. The usage of class property / class field syntax is currently at stage-3 in the TC39 process, meaning it is not yet in ECMAScript and not yet supported natively by all JS engines. It can be used via transpilers like Babel, but only if you configure and run such a transpiler yourself.

Luckily you don't need class field syntax to make a class method async, you can just use the async keyword.

class Foo {
    async myMethod () {/* ... */}
}

This is my `.babelrc` `{ "presets": [ ["env", { "targets": { "node": 4.3 } }] ], "env": { "test": { "plugins": ["istanbul"] } } } ` Could you please let me know what I am missing here? — Dark Knight, Nov 15 '18 at 06:45

async function with the class in javascript

3 Answers3

Linked