Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
13
Help us understand the problem. What are the problem?

More than 3 years have passed since last update.

@7tsuno

【JavaScript】JavaScriptを初めから

備忘録チックに学習したことをまとめます。ES2015対応。
実行はnode.jsでやっています。node.jsの環境構築はこちら

Hello World

hw.js
console.log("Hello World!");
// Hello World!

変数

var

variable 文は変数を宣言し、任意でそれをある値に初期化する。

var.js
var message;
message = "Hello World!";
console.log(message);
// Hello World!

let

let 文はブロックスコープの局所変数を宣言し、任意でそれをある値に初期化する。
varはブロック外にもスコープを持つが、letはブロック外にスコープを持たない。

let.js
if(true){
    var message = "in block var";
    console.log(message);
    // in block var
}
console.log(message); // ここでもmessageが参照できる。
// in block var

if(true){
    let message2 = "in block let";
    console.log(message2);
    // in block let
}
console.log(message2); // ここではmessage2は参照できない
// ここでReferenceError
let2.js
var message = "out block var"
if(true){
    var message = "in block var"; // 同じ変数となるため、上書きされてしまう。
    console.log(message);
    // in block var
}
console.log(message);
// in block var

var message2 = "out block let"
if(true){
    let message2 = "in block let"; // ブロック内の固有の変数となる。
    console.log(message2);
    // in block let
}
console.log(message2);
// out block let

データ型

  • 文字列
var str = "string";
  • 数値
var num = 100;
  • オブジェクト(関数・組み込みオブジェクト)
var obj = {hoge:"ho", fuga:"fuga"};

オブジェクト・関数については詳細は後述

  • undefined : 定義されていない
  • null : なにもない

nullとundefinedの違い

ここが参考になった

テンプレートリテラル

`(バッククォート)を利用することで改行コードなしで記述可。

tl.js
console.log(`line one
line two
line three`);
// line one
// line two
// line three

オブジェクト

関数

無名関数

アロー演算子による記述

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
13
Help us understand the problem. What are the problem?