JavaScriptの基礎簡易版

JavaScript

1. JavaScript の概要

1. JS の概要

JS (JavaScript の正式名) は、NetScape が提供するスクリプト言語で、ブラウザに特別に埋め込まれて実行されます。

主な機能: Web ページでアニメーション効果やフォーム検証を実現するために使用されます。

JSはサーバー側で実行可能(Node.js)

2. JSの特徴

JS はリテラル翻訳言語です (JS は解釈と実行が同時に行われ、コンパイルプロセスはなく、実行されるのはソースコードです)
JS はオブジェクトベースの言語です (JS にはクラスの概念がなく、コンパイルプロセスもありません。特定のメカニズムを通じてオブジェクト指向をシミュレートできます)。

JS は弱い型付けの言語です (Java は強く型付けされています)。

//在java中,变量一旦声明,就属于固定的数据类型,不能被改变
String str = "abc";
int number = 100;

// 在JS中,变量是不区分类型的,可以指向任意的数据类型
var s = 100;//number(数值类型)
s = "abc";//String(字符串类型)
s = true;//boolean(布尔类型)
s = [];//object(对象类型)
s = function(){
     
      
      }//function(对象类型)

3. JSのメリット

JS は優れた対話性を備えています
JS には一定のセキュリティがあります (ブラウザ内でのみ実行でき、ブラウザ外のリソースにはアクセスできません)。
JS はクロスプラットフォームです

JS がクロスプラットフォームと言われる理由は、JS がブラウザ上で動作するためです。しかし、注意する必要があるのは次のことです。
- JS 言語はブラウザーがあるためクロスプラットフォームですが、ブラウザーはクロスプラットフォームではありません。
- 同様に、ava 言語は JVM によりクロスプラットフォームですが、JVM はクロスプラットフォームではありません。

4. HTMLでのJSの書き方

方法 1: script タグ内に JS コードを記述できます。

head タグまたは body タグ内に script タグを追加し、script タグ内に直接 JS コードを記述することができます。

<!-- 在script标签内部可以书写JS注释和JS代码 -->
<script type="text/javascript">
	//JS的单行注释
	/* JS的多行注释 */
	alert( "在html中引入JS的第一种方式..." );
</script>

方法 2: スクリプトタグを使用して外部 JS ファイルを導入する

head タグまたは body タグ内では、script タグを通じて外部 JS ファイルを導入できます。例えば：

<!-- 通过script标签可以引入外部的JS文件 -->
<script src="demo.js"></script>

注: (1) js ファイルを導入する script タグ内に次のような JS コードを記述しないでください。

<script src="demo.js">
	alert( 111 ); //这里的代码不会执行
</script>

(2) JS ファイルをインポートする script タグを閉じないでください。次のようにファイルのインポートに失敗する可能性があります。

<script src="demo.js" />

方法 3: 要素に直接 JS コードを記述することもできます

<!-- 直接在元素上书写JS代码：
onclick属性用于给当前元素绑定点击事件：点击元素就会触发事件，执行相应函数
-->
<input type="button" value="点我~" onclick="alert('叫你点你还真敢点啊!!!')"/>
<input type="button" value="别点我"  onclick="console.log( new Date() )"/>

onclick、ondblclick事件
1. onclick是点击事件,在被绑定了该事件的元素上点击后,会立即触发事件,执行所指向的函数
2. ondblclick是点击事件,区别是需要双击才可以触发事件,执行所指向的函数

2. JavaScript の構文

1. コメント形式

JS のコメント記号は、次のように Java のコメント記号と同じです。

// 单行注释内容
/* 多行注释内容 */

2. データ型

1. 基本的なデータ型

(1)数値型(数字)

JSでは、底部ではすべての値が浮動小数点型ですが、処理や表示の際に自動的に整数に変換されます。

例如：2.4+3.6=6
特殊值：Infinity(无穷大) / -Infinity(负无穷大) / NaN(非数字)【No a Number】

(2) 文字列型（string）

JS では、文字列型は基本的なデータ型であり、文字列定数は一重引用符または二重引用符で囲むことができます。例えば：

var s1 = "Hello JS";
var s2 = 'Hello JS';

さらに、JS の文字列型には対応するパッケージングオブジェクト (String) があり、必要に応じて自動的にパッケージ化オブジェクトに変換されます。

var s1 = "Hello JS"; //基本数据类型, string
console.log( typeof s1 ); //string
var s2 = new String("Hello JS"); //复杂数据类型, object
console.log( typeof s2 ); //object
//不管是基本数据类型s1, 还是对象类型s2, 都可以当作对象来用
console.log( s1.valueOf() ); //s1是基本数据类型, 会转成对象, 调用valueOf函数
console.log( s2.valueOf() );

(3)ブール型（ブール型）

ブール型の値は true と false の 2 つがあります。

(4)未定義型

未定義型の値は 1 つだけ存在します。これは、変数が未定義であることを意味します (ただし、変数が宣言されていないという意味ではありません)。

これは、変数が宣言されていてもその変数に値が割り当てられていない場合、その変数の値は未定義であることを意味します。

/* 1.undefined类型 */
var x;
alert( x ); //undefined
alert( y ); //抛异常

(5)null型

null 型の値は 1 つだけあり、それは空の値を表す null です。

関数の戻り値として使用でき、関数が空のオブジェクトを返すことを示します。

注: Null および未定義の型変数は関数やプロパティを呼び出すことができないため、例外がスローされます。

2. 複雑なデータ型

主にオブジェクト（JS組み込みオブジェクト、カスタムオブジェクト、関数、配列）を指します。

3. 変数宣言

JS では、var変数はキーワードによって宣言されます。宣言された変数は型に依存せず、任意のデータを指すことができます。例えば：

var x