JavaScript の基本チュートリアル - 始めるために必読-jsチュートリアル-php.cn

JavaScript は記述的な言語なので、しっかり勉強すれば必ず習得できると思います。 Web ページと対話できるようにすることです。より良い対話ができるようになります。次のトピックに移りましょう。

1. JavaScript

1. JavaScript とは

JavaScript は、オブジェクト駆動型とイベント駆動型に基づいた、セキュリティを備えたスクリプト言語です。

2. JavaScript の特徴

JavaScript は主に HTML ページにインタラクティブな動作を追加するために使用されます。

JavaScript は、Java に似た構文を持つスクリプト言語です。

JavaScript は通常、クライアント側のスクリプトを作成するために使用されます。

JavaScript はインタプリタ型言語です。

3.JavaScriptの構成

ECMScript標準（すべてのプロパティ、メソッド、オブジェクトを指定する標準）

BOMブラウザオブジェクトモデル：HTMLとの対話

DOMドキュメントオブジェクトモデル：HTMLドキュメントにアクセスして操作します

4. JavaScriptの

<script language=”javascript” type=”text/javascript”>
 
</script>
 
Language=”javascript”用来表示使用的语言是javascript

ログイン後にコピー

5. JavaScriptの実行原理

1. ブラウザクライアントがサーバーにリクエストを送信します。 (ユーザーがブラウザのアドレスバーに入力したアドレス)

2. データ処理: JavaScript を含むページをサーバー側で処理します。

3. 応答の送信: サーバーは JavaScript を含む HTML ファイルを処理し、ページをブラウザークライアントに送信します。次に、ブラウザークライアントは HTML タグと JavaScript タグを上から下に 1 つずつ解析し、ページの効果をブラウザークライアントに表示します。ユーザー。

2. JavaScript を Web ページに導入する方法

1. <script> を使用します。 2. 外部の JavaScript ファイルを使用します。 複数のページで JavaScript を実行して同じ効果を実現したい場合は、通常、外部ファイルを .js ファイルとして使用します。 拡張子が .js のファイルを参照する方法: <script src=”../1.js”></script>

注: 外部ファイルには <script></ を含めることはできませんscript&gt ;3. HTML タグ内で直接3. JavaScript のコア構文 変数の宣言は var のみを使用できます。。 Var num=1;JavaScriptでは宣言せずに変数を直接使用することもできますが、この使用法は推奨されません。 2. データ型 Unknown（未定義型） Null（空型） Number（数値型） String（文字列型） Boolean（ブール型） ３． null は「オブジェクトがない」ことを意味します。つまり、そこに値があってはなりません。一般的な使用法は次のとおりです: (1) 関数のパラメーターとして、関数のパラメーターがオブジェクトではないことを示します。 (2) は、オブジェクトプロトタイプチェーンのエンドポイントとして機能します。 Object.getPrototypeOf (Object.prototype)// nullunknown は「値が欠落している」ことを意味します。つまり、ここには値があるはずですが、まだ定義されていません。一般的な使用法は次のとおりです: (1) 変数が宣言されていても値が割り当てられていない場合、その変数は未定義と等しくなります。 (2) 関数呼び出し時に、提供されるべきパラメータが提供されず、パラメータが未定義に等しい。 (3) オブジェクトには属性が割り当てられておらず、この属性の値は未定義です。 (4) 関数が値を返さない場合は、デフォルトで未定義を返します。 4. 状況は 6 つしかなく、結果は false です。 null、false、未定義、0、""、NaN 5. 文字列のいくつかの一般的なメソッド toString(); は文字列を小文字に変換します。 toUpperCase(); 文字列を大文字に変換します charAt(index); 指定された位置の文字列を返します indexOf(str,index); ,index); 指定されたインデックス Index1 と Index2 の間の文字列を返します (index1 は含みますが、index2 は含みません) Split(str); 配列と値を割り当てる 3 つの方法を作成します。配列へ01。Var num=('1','2');02.var num=new Array(2);Num[0]=1;Num[1 ]=2 ;03.var num=['1','2'];配列の一般的なメソッドとプロパティLength: 配列内の要素の数を設定または返しますJoin(): 内のすべての要素を結合します配列話す速度が文字列に入れられ、区切り文字で区切られます。 Sort(): 配列を並べ替えます。 Push(): 1 つ以上の要素を配列の末尾に追加し、新しい長さに戻します。 <script type="text/javascript"> //01. 方法 1: 配列を作成し、配列に値を代入します// var Fruit = new Array('apple', 'orange' , 'peach ', 'bananar');//02. 方法 2: 最初に配列を作成し、添字を使用して配列に値を割り当てますvar Fruits = new Array(4);fruits[ 0] = 'apple'; fruits[1] = 'orange';fruits[2] = 'peach';fruits[3] = 'banana';//03 方法 3: と同様シンボルが変更されている以外は方法 1 //var Fruits = new Array['apple', 'orange', 'peach', 'bananer'];//04. 配列内の添え字 3 を持つデータにアクセスします。 document.write(fruits[0 ]);//05通过数组的join方法把元素放到字符串中并用指定分隔符进行分割var result = fruits.join(',');//06通过sort方法对数组进行排序fruits.sort();//06.向末尾添加一个或多个元素，最后返回该数组的新长度var length= fruits.push('wert','foot');document.write('\n' + length);//07.遍历数组for(var item in fruits) { alert(fruits[item]); }</script>

7.运算符

JavaScript の基本チュートリアル - 始めるために必読

8 程序调试

方案一：在VS中调试

步骤：01.将要调试的页面设置成起始页

02.设置断点

03.按F5启动调试

方案二：chrome浏览器调试

步骤：01.点击F12，将工具调出

02.设置断点

03.刷新页面

方案三：IE浏览器

步骤：01.F12，开发人员工具

02.切到脚本选项卡

03.设置断点

04.启动调试

05.刷新

四.JavaScript中的函数

1.常用的系统函数

01. parseInt（“字符串”）；

parseInt（）函数首先查看位置为0处的字符，判断他是否为一个有效数字，如果不是则返回NaN，不在执行其他操作，但如果该字符是有效参数，则该函数将查看位置为1处的字符，进行同样的测试，这一过程将持续到发现该字符是有效字符为止，此时该字符将之前的字符串转换成数字。

eg：

var num1=parseInt(“78.9”)//返回值为78

var num2=parseInt(“afa78.9”)//返回值为NaN

02.parseFloat（“字符串”）；

他的用法和parseInt类似，只不过字符串中出现的第一个点将被认为是有效字符.

eg:

var num1=parseInt(“78.9”)//返回值为78

var num2=parseInt(“afa78.9”)//返回值为NaN

2.自定义函数

在JavaScript中，自定义函数是由function,函数名，一组以参数以及置于括号中待执行的JavaScript语句组成。

下面来看一看语法：

function 函数名(参数1，参数2,..)

{

//JavaScript语句

[return 返回值]

}

function是定义函数的关键字，必须有。

参数1，和参数2是该函数的参数，因为JavaScritp他本省的类型是弱类型，所有在给定参数时没有必要提供类型

{}定义的函数的开始和结尾.

return 语句用来规定函数返回的值.

2.调用函数

要执行一个函数，首先肯定要调用这个函数，必须制定函数名和其后的参数。

eg：

<script type=”text/javascript”>
 
function show(){
 
 
 
}
 
show();
 
</script>

ログイン後にコピー

3.匿名函数

匿名函数就是没有名字的函数了，也叫闭包函数(closures),允许临时创建一个没有指定名称的函数。最经常用作回调函数(callback)参数的值，很多新手朋友对于匿名函数不了解。这里就来分析一下。

function 函数名(参数列表){函数体;}

如果是创建匿名函数，那就应该是：

function(){函数体;}

因为是匿名函数，所以一般也不会有参数传给他。

为什么要创建匿名函数呢？在什么情况下会使用到匿名函数。匿名函数主要有两种常用的场景，一是回调函数，二是直接执行函数。

eg：

<script language="javascript">
var a = "a";
(function(){
  var a="b";
  alert(a);
})();
alert(a);
</script>

ログイン後にコピー

在上面这段代码中，会顺序输出两个alert框。第一个alert框内容为b，第二个为a。以为该Script标签中有一个匿名方法时自调用的，所有首先弹出b，然后碰到匿名方法后的alert（a）则弹出a。

以上这篇JavaScript基础教程——入门必看篇就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持PHP中文网。

更多JavaScript の基本チュートリアル - 始めるために必読相关文章请关注PHP中文网！