Javascript基礎知識＃2 #JavaScript

はじめに

この記事は私の脱コピペを目指すために書いている自分用のメモです。

※内容について、誤った知識やもっとわかりやすい表現等ございましたら、ご指摘いただけますと幸いです。


console.log('Hello World');
//consoleは 'Hello World'を logしなさい。
//console にあたる部分をオブジェクト
//'Hello World'にあたる部分をパラメータ
//.log()にあたる部分をメゾットという

まずテキストエディタにファイルを準備して、
こんな感じに記述↓

main.js

console.log('Hello World');

console

Hello World

この時、
「''」（シングルクォーテーション or ダブルクォーテーション）と
「;」(セミコロン)が大切！！

main.js

console.log(3 + 3); //足し算
console.log(3 - 3); //引き算
console.log(3 * 3); //掛け算
console.log(3 / 3); //割り算
console.log(3 % 3); //余り出る計算

console

number型は''（シングルクォーテーション）がいらない！！
型についての説明は長くなってしまうのでいつか記事にしたいと思います。
今は「Javascript　データ型」などで調べてみてください。

もしくは、あだ名みたいなものとの認識ではじめはよいと思います。

変数を使いこなせると、すごく長い文章を省略して使えます。
例）

function changeColor(newColor) {
  var elem = document.getElementById('para');
  elem.style.color = newColor;
}

この場合 document.getElementById('para'); を elem という変数（箱）に代入してます。
そしてその下の行で elem が document.getElementById('para'); の代わりに使われてます。　

変数名（箱の名前）には好きな名前をつけることができますが、いくつか条件があります。

・基本的に名詞（product, user_name など）
・予約値を使わない（if, else, switch など）
・大文字と小文字を区別する
・初めの文字は数字以外にする

結論から書くと保守性を考慮したうえで
・原則varは使うべきではない
・変数宣言は基本的に const で
・変数への再代入が必要な場合に限り let を使う

var //再宣言・再代入可
let //再宣言不可・再代入可
const //再宣言・再代入不可