デイトラのロゴ

Webアプリ開発コース初級編

WEBサイトとミニアプリを作れるようになろう

JavaScript・jQuery学習編
DAY 17
JavaScriptの基本文法を学ぼう②

前回に引き続き、JavaScriptの基本文法を学んでいきましょう!
今回は関数(function)と条件分岐(if文、switch文)について解説していきます。

  • 関数(function)
  • if文
  • switch文

TIPS

01.関数(function)

関数(function)の基本について学んでいきましょう!
関数とは、「処理をまとめたもの」と理解してください。

関数の概念


基本的な書き方と引数

コピー// 関数の基本的な書き方
function 関数名(引数) {
  // 処理を書く
}

// 関数にの呼び出し
関数名(引数に受け渡しする値);


返り値(戻り値)


円の面積を求める関数

コピー// 円の面積を求める計算
let radius = 6;
const pai = 3;
let area = radius * radius * pai;
console.log(area);
//出力結果 108

// 関数にまとめると
function calCircleArea(radius) {
  const pai = 3;
  let area = radius * radius * pai;
  return area;
}

console.log(calCircleArea(6));
//出力結果 108


複数の引数

コピーfunction say(firstName, lastName) {
  console.log(`${firstName} ${lastName}`);
}

say("デイトラ", "太郎");
//出力結果 デイトラ 太郎


スコープ

コピー// 関数内で定義した変数や定数は、関数の外では使用できません
function hello() {
  let message = "こんにちは";
}

console.log(message);
// エラー

02.条件分岐

条件分岐の基本

if文という条件分岐について学びましょう。


複雑な条件分岐①

&&は、〜かつ(AND)をあらわし、AND演算といいます。
||は、〜または(OR)をあらわし、OR演算といいます。


複雑な条件分岐②

switch文


03.困ったらまずは「よくある質問」をご覧ください!