【初心者必見】Nodeのアロー関数とfuntion関数の書き方の違い

const result = function() {
 return 'Node.jsでfunction関数';
}

const result = () => {
 return 'Node.jsでアロー関数';
}

const result = (arg) => {
 return 'Node.jsでアロー関数' + arg;
}

const result = () => {
 return 'Node.jsでアロー関数';
}

const initResult = result();

const result = () => return 'Node.jsでアロー関数を1行で書く';

const result = (arg) => return 'Node.jsで引数を入れて、アロー関数を1行で書く' + arg;

const result = (arg) => return 'Node.jsで引数を入れて、アロー関数を1行で書く' + arg;


const initResult = result('引数');

const result = (arg) => arg;

const second = 1000;
const timer = {
  timerMessage: '時間になりました',
  on: function () {
    console.log(this);
 
    // function関数
    setTimeout(function () {
      console.log(this.timerMessage);
    }, second);
 
    // アロー関数
    setTimeout(() => {
      console.log(this.timerMessage);
    }, second);
  },
};
timer.on(); // 1秒後にtimerMessageの時間になりましたが呼ばれる

<button id="javascript">アロー関数</button>  
// function関数
const button = document.getElementById('javascript');
  button.addEventListener("click", function () {
  　// addEvent処理
});

　// アロー関数
const button = document.getElementById('javascript');
  　button.addEventListener("click", () => {
  　// addEvent処理
});

const nodeMethod = {
  value_1: 'node function関数',
  value_2: 'node アロー関数',
  // アロー関数
  methodFunction: () => {
    return nodeMethod.value_1 + '_' + nodeMethod.value_2;
  },
};
console.log(nodeMethod.methodFunction()); // 'node function関数_node アロー関数'

const nodeMethod = {
  value_1: 'node function関数',
  value_2: 'node アロー関数',
  // 従来の関数
  methodFunctionOne: function () {
    return this.value_1 + '_' + this.value_2;
  },
  // アロー関数
  methodFunctionTwo: () => {
    return this.value_1 + '_' + this.value_2;
  },
};
console.log(nodeMethod.methodFunctionOne()); // 'node function関数_node アロー関数'
console.log(nodeMethod.methodFunctionTwo()); // undefined