Javascriptの基本文法（1）

JavaScriptは、現在のWeb開発に不可欠なスクリプト言語です。jsを実行するためにコンパイルする必要はありません。JavaScriptはクライアント側で実行され、ブラウザーを介して解析および実行する必要があります。
1.書き込み位置
jsコードの実行順序は（上から下に実行）
①ヘッドタグ内

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    //script 代码
    <script>
        alert("这是head区域的js代码");
    </script>
</head>

②ボディタグ内

<body>
	//script 代码
    <script>
        alert("这是body区域的js代码");       
    </script>
    <script src="demo.js"></script>//引入外部js代码文件
</body>

③ラベルに直接書き込むことは短縮イベントであるため、イベント属性とも呼ばれます。

// onclick单击事件
<input type="button" value="点我呀!" onclick="alert('点我干啥!^6^');">
<button onclick="alert('恭喜你,中 500 万.');">点我呀!</button>

2.
大文字と小文字を区別する基本的な構文、弱い型の言語、セミコロン
コメントで終わる

//js代码注释
       //单行注释 (快捷键 Ctrl+/)
       //alert("这是head区域的js代码");
       
       /*
	多行   (快捷键 Ctrl+Shift+/)
	注释
	*/
	
	/**
	 * @param {*} params 
	 * 星 表示参数是任意类型的值
	 */
	function fun(params) {
    
    
	    alert("Hello World");
	}

3.変数
3.1命名規則
文字、数字、_（アンダースコア）、および$（ドル記号）のみで構成できます。
数字で始めることはできません。
-（Jは減算演算のマイナス記号として理解されます）名前に表示できず、キーワードと競合できません。

var 变量名称 = 存储的数据;    (variable 变量)
//js中变量的定义。只要加一个var就行
数值型：var i = 1; var d = 2.35;
字符串：var str = "用心学习";
布尔型：var b = true;

4.データ型

数值型：number（凡是数字都是数值型，不区分整数和小数）
字符串：string（凡是引号包裹起来的内容全部都是字符串,单引号双引号都可以）
布尔：boolean（true、false）
对象类型：object（特殊取值null）
空对象: Null
未定义型：Undefined
未定义型 和 空对象类型 都是只有一个值的数据类型，值分别为undefined和null

4.1データ型の表示

typeof(value); 或者typeof value;     //返回这个变量的类型. 
//说明 : 同一个变量, 可以进行不同类型的数据赋值.

<script type="text/javascript">
    var a;
    alert(typeof a);  // undefined
    a = 998;
    alert(typeof a); // number
    a = "用心学习";
    alert(typeof a); // string
    a = true;
    alert(typeof a); // boolean
 </script>

5.カスタム機能

function 函数名(形式参数){
    
    函数体}
//调用函数：函数名(实际参数);

5.1関数が値を返す必要がある場合は、returnを直接使用して戻ります。Javaのような戻り値のタイプは考慮されません。

<script type="text/javascript">
    // 定义一个函数 : function
    function demo1() {
    
    
        return 666;
    }
    // 调用函数 :
   alert(demo1());//666
</script>

5.2関数がパラメーターを渡す必要がある場合は、パラメーターのタイプを指定する必要はなく、変数を直接使用します

<script type="text/javascript">
    // 定义一个函数 : function
    function demo2(a, b) {
    
    
        return a + b;
    }
    // 调用函数 :
    alert(demo2(10, 20));//显示30
</script>

5.3 jsには同じ名前の2つの関数名があり、後者は前の関数名を上書きします

<script type="text/javascript">
    // 定义一个函数 : function
    function demo3(a, b) {
    
    
        alert("调用1...");
    }
   function demo3() {
    
    
       alert("调用2...");
   }
    demo3(10, 20);
    demo3();
    //显示二次  调用2...
</script>

6.無名関数
無名関数は名前のない関数です

function(形式参数){
    
    函数体}
调用方式：将匿名函数赋值给一个变量，通过变量名调用函数
定义函数并赋值给变量：var fn = function(形式参数){
    
    函数体}
调用函数：fn(实际参数);

<script type="text/javascript">
    // 匿名函数 : 没有名称的函数
    var func = function(i, u) {
    
    
        alert(i + " love " + u);
    }
    // 调用函数 :
   func("十元", "里美");//显示 十元love里美
</script>

グローバル関数：ウィンドウ
7.1変換関数

全局函数：
parseInt(num);     // 取整，不会四舍五入
Math.round(num);   // 取整，会四舍五入

7.2エンコードおよびデコード機能

<script>
        var str = "https://www.baidu.com?wd=编码解码函数";
        // encodeURI 编码字符串(资源路径)
        str = window.encodeURI(str);
        document.write(str + "<br />");
        // decodeURI 解码字符串
        str = window.decodeURI(str);
        document.write(str + "<br />");
    </script>

おすすめ