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

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

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

7.运算符

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中文网！