Quantcast
Channel: 初心者タグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 21089

JavaScript 概念編

$
0
0

JavaScriptとは
webアプリケーションでは、かなり頻繁に利用しそうです。
例えば、メニュー画面にマウスを乗せ、ボタンの色が変わったり・プルダウンメニューが表示されたり、いいね!がカウントされたりなどです。
※JavaとJavaScriptは全くの別物みたいです。javaのフレームワークがjsだと思ってました笑

使い方
・HTMLファイル内に、scriptタグを埋め込む
4E32520C-8186-497A-9E1F-67264546C686_4_5005_c.jpeg

・script.jsファイルを作成する
・jsファイルをhtmlに読み込ます
スクリーンショット 2019-11-18 17.35.10.png

基本メソッド
ruby同様に、シングルクォート(')かダブルクオート(")で囲みます。

・console.log
rubyでいうputsです

・変数宣言
let 書き換え可能
const 書き換え不可

使用例
スクリーンショット 2019-11-18 17.47.44.png

・pushメソッド
並列へ追加

・pop()メソッド
配列の最後を取り除く

・shiftメソッド
配列の最初を取り除

・function
定義する
rubyのdefです

・return
jsでは、returnを用いないと値が返されない


下記はreturnがないと、12と表示されない。
※calcは計算という意味です。
スクリーンショット 2019-11-18 18.09.04.png

簡易文の解説
スクリーンショット 2019-11-18 18.02.12.png
上記がどのようなコードだあろうか?
tanakaを表示させます。では、解説を。
1行目 let obj には nameプロパテにyamada ageプロパティに25が記載
2行目 nameをtanakaに変更
3行目 obj.nameを表示せよ

注意点
関数宣言と関数式には、読み込まれるルールがあります。
関数宣言なので、先でも読み込まれる。
スクリーンショット 2019-11-18 18.22.56.png

関数式なので、エラーになります。{}のそとで、hello();を定義する必要あり。
スクリーンショット 2019-11-18 18.22.39.png


Viewing all articles
Browse latest Browse all 21089

Trending Articles