🌐

アロー関数

2022/10/16に公開約1,200字

アロー関数

アロ関数とは?


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

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

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

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

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

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

//実行行 1行の場合省略可能
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 は呼び出し元のオブジェクトを参照する

関数として実行された場合
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

Discussion

ログインするとコメントできます