関数

関数とは

• 値を受け取って値を返すもの
• ある一連の手続き（タスクや値計算）を再度利用できるようにまとめたもの

メリット

• コード量の削減
• 再利用可能
• コードの見通しが良くなる

オブジェクトのメソッド＝関数

構文

function 関数名(仮引数１,仮引数２) {
    //いろいろ処理
    return 関数の返り値;
}

文字数制限

function isTweetble(text) {
  return text.length <= 140;
}
console.log(isTweetble("foo")); //true

returnを使わない方法

function alertTweetble(text) {
  if (text.length <= 140) {
    alert("you can tweet!");
  }
}
alertTweetble("hoge");//you can tweet!

関数式

変数（定数）に関数を値として代入し、後からその変数を呼び出すことで関数を間接的に利用する方法

const isTweetble = function (text) {
  return text.length <= 140;
}

console.log(isTweetble("hoge"));//true

関数名は無くても動かすことができる（匿名関数）

コールバック関数

• 引数に関数を入れたもの
• 引数に関数を受け取った関数を高階関数という
• それぞれの関数がコンパクトになり、役割が明確になる

function unfollow() {
  console.log("フォローを外しました");
}

function cancelTweet() {
  console.log("ツイートをキャンセルしました");
}

//確認を完了させる処理(コールバック関数)
function confirmed(fn) {
  if (window.confirm("実行しますか？"));
  fn();
}
confirmed(cancelTweet); 

アロー関数

const tax = (number) => {
  return number * 1.08;
}
tax(300);//324

変数に関数を代入する形にして、function（）{...}を（） => {...}に変換

const isTweetble = (text) => {
  return text.length <= 140;
}
console.log(isTweetble("hoge"));//true