Javascriptの基本を詳しく説明

Javascriptの基本を詳しく説明

変数

  • 基本的な構文
var age=10; //ageという変数を宣言し、それに値を割り当てます。これは変数の初期化と呼ばれます。

var は変数を宣言するために使用される JS キーワードです。他のプログラミング言語の考え方に従って変数を更新し、複数の変数を同時に宣言することもできます。この場合、1 つの var のみを使用し、複数の変数名を英語のカンマで区切る必要があります。

  • 命名規則

文字 (A-Za-z)、数字 (0-9)、アンダースコア (_)、ドル記号 ($) で構成されます (例: usrAge、num01、_name)
大文字と小文字は厳密に区別されます。 var app; と var App; は、数字で始まることはできず、間にスペースを入れない単一の単語でなければならない 2 つの変数です。 18age は間違っており、キーワードや予約語として使用することはできません。例: var、for、while
変数名は意味のあるものでなければなりません。
キャメルケースの命名規則に従ってください。単語の最初の文字は小文字にし、次の単語の最初の文字は大文字にする必要があります。私のファーストネーム

データ型

  • データ型の紹介

JS は弱い型付けまたは動的言語であるため、変数の値を事前に宣言する必要はありません。型はプログラムの実行中に自動的に決定されます。変数のデータ型は、等号の右側にある変数値のデータ型に基づいて JS エンジンによって決定されます。つまり、同じ変数を異なる型として使用できます。

var age = 10; // これは数値です var age="10" // これは文字列です

JSデータ型は、単純なデータ型と複雑なデータ型に分けられます。
数値 文字列 ブール値 未定義 Null (単純なデータ型はプリミティブデータ型とも呼ばれます)
オブジェクト配列日付関数(複合データ型は参照データ型とも呼ばれます)

しかし、ES6とH5の新しい構文では、Symbolの単純なデータ型が追加されました(これについては後で説明します)。

ここに画像の説明を挿入

  • 番号

一般的なシステムには、2 進数、8 進数、10 進数、16 進数があります。JS では、8 進数の前に 0 を追加し、16 進数の前に 0x を追加します。

//1. 8進数の範囲: 0~7
var num1 = 07; // 10進数の7に相当
var num2 = 019; // 10進数の19に相当
var num3 = 08; // 10進数の8に相当
//2. 16進数の範囲: 0~9、A~F
var 数値 = 0xA; 

最大値: Number.MAX_VALUE、この値は: 1.7976931348623157e+308
最小値: Number.MIN_VALUE、この値は 5e-32 です

アラート(Number.MAX_VALUE); // 1.7976931348623157e+308
アラート(Number.MIN_VALUE); // 5e-32

3つの特別な価値
無限大を表す無限は、どんな値よりも大きい
-無限大、無限小、どんな値よりも小さいことを表す
NaN(非数)は数値以外の値を表します

isNaN() は変数が非数値型かどうかを判断します。

var usrAge = 21;
var isOk = isNaN(ユーザー年齢);
console.log(isNum); // false 、 21 は非数値ではありません var usrName = "andy";
console.log(isNaN(userName)); //true、「andy」は数値ではありません

文字列引用符を表すには、一重引用符を使用します。文字列引用符をネストすることもできます。二重引用符を一重引用符でネストしたり、一重引用符を二重引用符でネストしたりできます。ただし、一重引用符と二重引用符を混在させることはできません。エスケープ文字は次のとおりです。

ここに画像の説明を挿入

文字列の長さを取得する
文字列連結 文字列 + 任意の型 = 連結後の新しい文字列。 2 つの値を追加すると、結果は値になります。

  • ブール

true と false、ブール値を数値に追加すると、true の値は 1、false の値は 0 になります。

  • 未定義

宣言されているが値が割り当てられていない変数のデフォルト値は undefined になります。
宣言されていない変数を使用すると、エラーが報告されます。

var 変数;
console.log(変数); // 未定義
console.log('hello' + 変数); // helloは未定義です
console.log(11 + 変数); // NaN
console.log(true + 変数); // NaN
  • ヌル
var vari = null;
console.log('hello' + vari); // hello null
コンソール.log(11 + 変数); // 11
console.log(true + vari); // 1
 
  • データ型変換

フォームまたはプロンプトを使用して取得されたデータは、デフォルトでは文字列型です。この場合、単純に加算演算を直接実行することはできず、変数のデータ型を変換する必要があります。簡単に言えば、あるデータ型の変数を別のデータ型に変換します。

文字列型に変換

ここに画像の説明を挿入

デジタルタイプに変換

ここに画像の説明を挿入

ブール型に変換

ここに画像の説明を挿入

空の値や負の値は、''、0、NaN、null、undefinedなどのfalseに変換されます。
その他の値はすべて true に変換されます。

console.log(Boolean('')); // false
console.log(Boolean(0)); // 偽
console.log(Boolean(NaN)); // 偽
console.log(Boolean(null)); // 偽
console.log(Boolean(undefined)); // false
console.log(Boolean('小白')); // true
console.log(Boolean(12)); // 真

拡張ポイント

インタプリタ言語とコンパイル言語。
コンピュータは、プログラムを実行する前に、プログラミング言語を(トランスレータを使用して)機械語にコンパイルする必要があります。
翻訳者が機械語に翻訳する方法には、コンパイルと解釈の 2 つの方法があり、その違いは翻訳の時点にあります。
コンパイラは、コードが実行される前にコンパイルし、中間コード ファイルを生成します。インタープリタは、実行時にそれをリアルタイムで解釈し、すぐに実行します。

ここに画像の説明を挿入

  • 識別子は、開発者が変数、パラメーター、関数に付ける名前です。識別子にはキーワードや予約語は使用できません。
  • キーワードとは、JS 自体ですでに使用されている単語を指し、変数名やメソッド名として使用することはできません。

含まれるもの: break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with

  • 予約語は、将来キーワードになる可能性がある予約キーワードです。

含まれるもの: boolean、byte、char、class、const、debugger、double、enum、export、extends、fimal、float、goto、implements、import、int、interface、long、mative、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile など。

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。

以下もご興味があるかもしれません:
  • JavaScriptの基本的なインタラクションの詳細な説明
  • Javascript の基礎: 演算子とフロー制御の詳細な説明
  • JavaScriptの基本構文とデータ型の詳細な説明
  • 組み込みオブジェクトに関するJavascriptの基礎
  • JavaScript 関数型プログラミングの基礎
  • JavaScriptの基礎を学ぶ

<<:  純粋な CSS3 で蝶が羽ばたく様子を再現する例

>>:  XHTML 3つの文書型宣言

推薦する

JavaScript の新しい要素トラバーサルプロパティを使用して子要素をトラバースする方法を学びます

目次1. ChildNodes属性のトラバーサル2. 要素シリーズ属性のトラバーサル以前は、chil...

MySQL 5.7 スレーブノードからマルチスレッド マスター スレーブ レプリケーションを構成する方法の詳細な説明

序文MySQL は MySQL 5.6 からマルチスレッド レプリケーションをサポートしていますが、...

Nginx のアクセス制御とパラメータ調整方法

Nginx グローバル変数Nginx には、$variable 名を通じて使用できるグローバル変数が...

Ajax jQueryはページ上のdivの更新効果を実現します

元のコードは次のとおりです。 <div class='コントロールグループ'&...

Mapper SQL ステートメント フィールドとエンティティ クラス属性名の関係は何ですか?

背景: 1. データベースに通知テーブルがある あなたは見ることができますgmt_create、通知...

mysql のファイル mysql-bin.000001 とは何ですか? 削除できますか?

ポートを使用して MySQL をインストールした後、しばらくすると /var の容量が不足しているこ...

CentOS8 でローカル yum ソースを構成するための詳細なチュートリアル

centos8 ディストリビューションは、BaseOS および AppStream リポジトリを通じ...

CSS スタイルにおける中国語フォントのフォントファミリーに対応する英語名の詳細な説明

ソングティ: SimSun太字: SimHeiマイクロソフト YaHei: マイクロソフト YaHe...

vue-cli で stimulsoft.reports.js を使用する詳細なチュートリアル

vue-cli は stimulsoft.reports.js を使用します (ナニーレベルのチュー...

IE9beta版ブラウザはHTML5/CSS3をサポート

IE9 は Microsoft の第二の革命だと言う人もいます。これは誇張ではないと思います。IE6...

Nginx で何ができるかの包括的な分析

序文この記事は、サードパーティのモジュールをロードせずにNginxで処理できることのみに焦点を当てて...

nginx設定ファイルの場所を見つける方法の詳細な説明

よく知らないサーバーの場合や、かなり前にインストールした場所を忘れてしまった場合、構成ファイルの場所...

npmとcnpmを混在させる際の落とし穴の詳細な説明

目次原因理由NPM の紹介: CNPM の紹介:より良い方法方法の改善npm と cnpm を一緒に...

Javascript フロントエンド最適化コード

目次if判定の最適化1. 最も簡単な方法:判断2. より良い方法: スイッチ3. より良いアプローチ...