JS FYI notes

Example 1

const vege = {
    next : ()=> {
        return 'hello, ';
    }
}

console.log(vege.next());

const vege = {
    next : function(){
        return 'hello, ';
    }
}

console.log(vege.next());

const vege = {
    next(){
        return 'hello, ';
    }
}

console.log(vege.next());

• Output

inakamono@ninja MINGW64 ~/wk/coding/javascript-generators-iterators/02/demos
$ node vege.js
hello, 

---

Example 2

const vege = {
    name : "abc",
    next(){
        return 'hello, '+ this.name;
    }
}

console.log(vege.next());

• Output

inakamono@ninja MINGW64 ~/wk/coding/javascript-generators-iterators/02/demos
$ node vege.js
hello, abc

---

Example 3

const vege = {
    name : "abc",
    next(){
        return 'hello, '+ this.name;
    },
    next2 : () =>{
        return 'hihi, '+ this.name;
    }
}

console.log(vege.next());
console.log(vege.next2());

• Output

inakamono@ninja MINGW64 ~/wk/coding/javascript-generators-iterators/02/demos
$ node vege.js
hello, abc
hihi, undefined

Must Read - Weird one

const vege = {
    name : "abc",
    next : function(){
        console.log(this.name);
        return {
            level : 'no2',
            next2() {
                console.log(this);
                console.log('helloworld')
            }
        }
    },
    tsugi : function(){
        console.log(this.name);
        return {
            level : '2ban',
            tsugi2() {
                console.log(this);
                console.log('helloworld')
            },
            tsugi3 : () => {
                console.log(this);
                console.log(this.name);
                console.log('hihi');
            }
        }
    }

}

a1 = vege.tsugi()
a1.tsugi2()
console.log('----');
a1.tsugi3()

• Output

nakamono@ninja MINGW64 ~/wk/coding/javascript-generators-iterators/02/demos
$ node vege1.js
abc
{
  level: '2ban',
  tsugi2: [Function: tsugi2],
  tsugi3: [Function: tsugi3]
}
helloworld
----
{ name: 'abc', next: [Function: next], tsugi: [Function: tsugi] }
abc
hihi