0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

JSの基本構文と基礎の勉強(アウトプット用)(1)

Posted at

はじめに

JavaScriptで利用される基本関数的な関数などを自分なりにまとめてみた。

目次

  1. JavaScriptとは
  2. いろんな関数
  3. 参考文献


#JavaScript

JavaScriptでできること

・HTMLとCSSだけでできないことをすること。 ・静止した画面をその場で書き換えたりすることができる。 ・タグに囲まれたテキスト(コンテンツ)を書き換えることができる ・要素>を追加・削除・変更することができる。 ・CSSの値を変更することができる。 ・ダイアログで別画面を表示することができる。

ECMAScript(ES6) 2015

2015年にJavaScriptの仕様が大きくなり改定され、エクマスクリプト2015と呼ばれるようになりました。 varは、非推奨でconstとletを利用するように言われました。 letは、再宣言ができない
sample.js
 let test = 1;
 let test = 2;//×
 test = 2;//〇

constは、再宣言ができない

sample.js
 const test = 1;
 const test = 2;//×
 const = 2;//×

詳細は、こちらES2015(ES6) 入門
上記に詳細な内容が書かれています。

JavaScriptの動作の仕組み

イベント発生(処理発生)→加工→アウトプット(出力)の順で処理が流れてアウトプットされます。


#いろんな関数やその他
console.log();
・・・値の確認ができる。
※undefinedは未定義。
jsでの実行は、「〇〇は△△を××しなさい」で
〇〇→オブジェクト,△△→パラメータ,××→メソッド
console→オブジェクト
log()→メソッド

console.dir();
・・・配列や連想配列や関数の中身をより詳細に確認できる。

console.error();
・・・エラー表記する

スクリプトタブ

sample.html
<script>
'use strict';
let test = 1;
</script>

windowアラート
ダイアログボックスを表示させる。
windowオブジェクトで用意されているalertメソッドのことです。

sample.js
window.alert("test");

documentとgetElementByIdとtextContent
documentのIdを取得するメソッドにテキストを挿入する。

sample.js
'use strict';
document.getElementById('choice').textContent = new Date();


#参考文献

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?