アロー関数

アロー関数

アロ関数とは？

無名関数を省略した記法

() => {};

function fn(name) {
  return "hey" + name;
}

console.log(fn("jon"));
//heyjon

//無名関数
const sayname = function (name) {
  return "hey" + name;
};

console.log(sayname("jack"));
//heyjack

//アロー関数う
//引数1つの場合( )省略可能
//実行行 １行の場合省略可能
const sayname_2 = name => {
  return "hey" + name;
};

console.log(sayname_2("jackson"));
//heyjackson

//実行行 １行の場合省略可能
const sayname_3 = name => "hey" + name;
console.log(sayname_3("jojo"));
//heyjojo

無名とアロー

	無名関数	アロー関数
this	●	X
arguments	●	X
new	●	X
prototype	●	X

window.name = "jojo";

const person = {
  name: "tigul",
  hello: () => {
    console.log("hey  " + this.name);
  },
};

person.hello();
//hellojojo

グローバルコンテキスト
this = window
person.hello:() => {
thisがない
}

スコープチェーンをたどってthisを探しにいく

オブジェクトのメソッドが実行された場合
this は呼び出し元のオブジェクトを参照する

関数として実行された場合
this はグローバルオブジェクトを参照する

window.name = "jojo";

const a = () => console.log("bye" + this.name);

const person = {
  name: "tigul",
  hey() {
    console.log("hey  " + this.name);
    a();
  },
};

person.hey();

//hey tigul
// byejojo