JS_1. 変数、データ型、演算子


JavaScript

  • 動的Webページを作成する言語
  • Web上の標準プログラミング言語
  • すべてのWebブラウザでサポート
  • 特長

  • interpret言語:コンパイルなしで実行可能な言語
  • Dynamic Type(Dynamic Type):変数を宣言することなく変数を使用できます
  • 構造化プログラミングサポート:ifelse,while,forなどの制御構造完全サポート
  • オブジェクトベース:完全オブジェクト向け言語
  • 関数プログラミングサポート
  • プロトコルタイプに基づく:クラス概念の代わりにプロトコルタイプを使用して継承
  • 用途

  • イベントへの応答を実現
  • AJAXはページ全体を再ロードしません.
    サーバから新しいページコンテンツを受信したり、データを送信したりするために使用
  • HTML要素のサイズまたは色を動的に変更
  • ゲームやアニメーションなどのインタラクティブなコンテンツを実現
  • ユーザ入力を検証
  • 位置


    内部JavaScript

  • head、bodyの両側に置くことができる
  • <script> ~~~ </script>

    外部JavaScript

  • head、bodyの両側に置くことができる
  • <script src="js파일 경로"></script>

    長所

  • HTMLとコードの分離
  • HTMLとJSはメンテナンスが容易で、より読みやすさが高い
  • キャッシュされたJSファイルはページロード速度を速めた
  • インラインJavaScript

    <button type="button" onclick="alert('자바스크립트')"></button>

    出力方法

  • innerHTML:画面上のデータの変更が容易
  • document.write():テスト用
  • window.alert():alertとして使用するウィンドウをスキップします.警告ボックス
  • console.log():デバッグ時に使用
  • 構文とコメント


    構文

  • JSの構造、文法
    固定値(数字、文字)、変数値
    文字は「私」で包む
    変数使用varキーワード宣言
  • 識別子は数字で始まることができず、大文字と小文字を区別
  • コメント

  • //単文注釈
  • /**/多文注記
  • 変数var

  • データを格納するためのブロック
  • varキーワード宣言
  • 変数名スクリプトで一意
  • 変数命名規則

  • 数字で始まることはできません
  • 大文字と小文字の区別
  • 予約語は使用できません
  • は、特殊文字$または先頭で開始できますが、推奨されません
  • データ型


    Numbers

  • 整数または実数
  • String

  • 文字列、「私」を表す
  • Boolean

  • true, false
  • Arrays

  • []定義
  • Object

  • オブジェクトのタイプを表す
  • {}使用定義
  • タイプ演算子

  • typeof演算子JS変数のタイプを検索
  • Undefined

  • 変数は宣言されていますが、値は指定されていません
  • 演算子




  • 3項演算子