ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript の基本チュートリアル - 始めるために必読

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

高洛峰
高洛峰オリジナル
2017-01-21 09:57:521133ブラウズ

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> を使用します。 </script>

2. 外部の JavaScript ファイルを使用します。

複数のページで JavaScript を実行して同じ効果を実現したい場合は、通常、外部ファイルを .js ファイルとして使用します。

拡張子が .js のファイルを参照する方法:

注: 外部ファイルには <script> を含めることはできませんscript&gt ;</script>

3. HTML タグ内で直接

3. JavaScript のコア構文

変数の宣言は var のみを使用できます。 。 Var num=1;

JavaScriptでは宣言せずに変数を直接使用することもできますが、この使用法は推奨されません。

2. データ型

Unknown(未定義型)

Null(空型)

Number(数値型)

String(文字列型)

Boolean(ブール型)

3.

null は「オブジェクトがない」ことを意味します。つまり、そこに値があってはなりません。一般的な使用法は次のとおりです:

(1) 関数のパラメーターとして、関数のパラメーターがオブジェクトではないことを示します。

(2) は、オブジェクト プロトタイプ チェーンのエンドポイントとして機能します。

Object.getPrototypeOf (Object.prototype)// null

unknown は「値が欠落している」ことを意味します。つまり、ここには値があるはずですが、まだ定義されていません。一般的な使用法は次のとおりです:

(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 つ以上の要素を配列の末尾に追加し、新しい長さに戻します。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。