JavaScriptの基礎-使いやすさ、基本的な構文と演算子

記事ディレクトリ

 

コンテンツ

記事ディレクトリ

序文

6.1JavaScriptの概要と使用法

JavaScriptの概要

コード記述仕様:

JavaScriptが使用できる3つのスクリプトフォーム

6.2JavaScriptの基本構文

識別子の命名規則

キーワード

データの種類

変数

グローバル変数

ローカル変数

ノート

6.3演算子

代入演算子:

算術演算子:

比較演算子

論理演算子


序文

ナレッジポイントには、JavaScriptの概要、コード記述仕様、JavaScriptで使用できる3つのスクリプト形式、識別子の命名規則、キーワード、データタイプ、グローバル変数、ローカル変数、コメント、代入演算子:、算術演算子:、比較演算子、論理演算子が含まれます。

通りすがりの友達、いいねしてフォローしてから行く前に、コメント欄でコミュニケーションをとって、一緒に成長するように頑張ってください!

詰め替え


6.1JavaScriptの概要と使用法

JavaScriptの概要

JavaScriptは、HTMLページに直接埋め込むことができる、汎用、クロスプラットフォーム、オブジェクトベース、イベント駆動型の安全なクライアント側スクリプト言語です。その特徴は次のとおりです。解釈、HTMLでのネスト、弱いデータ入力、クロスプラットフォーム、オブジェクトベース、イベント駆動型

コード記述仕様:

ブラウザがJavaScriptスクリプトを解析するとき、識別子と演算子の間の余分な空白を無視します

各ステートメントは別々の行を占め、英語のセミコロンで終わります。

コード階層を増やすには、コードをインデントする必要があります

JavaScriptが使用できる3つのスクリプトフォーム

インラインJavaScriptスクリプト

マウスイベントやハイパーリンクなどのJavaScriptスクリプトをHTMLに埋め込みます。

内部JavaScriptスクリプト

これらのJavaScriptスクリプトを抽出し、<script></script>タグに配置します。<script>タグは<head>または<body>タグにあります。

外部JavaScriptスクリプト

JavaScriptスクリプトを別のファイルに保存して、JavaScriptスクリプトをHTMLコードから完全に分離します。<script>タグを使用してJSファイルをHTMLページに導入します。

例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Javascript三个脚本</title>
    <script type="text/javascript">alert('head中的Javascript这是内部JavaScript脚本')</script>
</head>
<body>
<h1>校园评选活动</h1>
<img src="../images/sky.jpg" onclick="alert('你选择了一号种子选手')"/>
<img src="../images/sky.jpg" onclick="alert('你选择了二号种子选手')"/>
<img src="../images/sky.jpg" onclick="alert('你选择了三号种子选手')"/>
<a href="javascript:alert('请等待评选结果,谢谢.这是行内JavaScript脚本')">查看评选结果(这是行内JavaScript脚本)</a>
<!--alert()是警示框,和dialog()对话框都属于模拟弹窗,用来提示重要信息-->
<script type="text/javascript">alert('body中的Javascript这是内部JavaScript脚本')</script>
<script type="text/javascript" src="demo01.js"></script>
</body>
</html>

demo01.js

alert('外部JavaScript脚本,导入成功')

6.2JavaScriptの基本構文

識別子の命名規則

識別子は、変数、関数、またはループに名前を付けるために使用されるラベルです

識別子の最初の文字は、文字、アンダースコア(_)、またはドル記号($)である必要があります。

識別子は大文字と小文字が区別されます。小文字またはキャメル表記を使用することをお勧めします。識別子は、数字、文字、アンダースコア(_)、およびドル記号($)で構成されます。

識別子をJavaScriptのキーワードと同じにすることはできません

キーワード

JavaScriptで特別な意味を持つ事前定義された識別子を指します。予約キーワードは、JavaScriptで一時的に使用されておらず、後の拡張で使用される可能性のあるいくつかのキーワードを指しますキーワードも予約キーワードも識別子として使用できません(変数名、関数名などを含む)。

データの種類

JavaScriptでは、変数の型は変更できますが、ある時点での型は固定されています。

一般的なデータ型は次のとおりです

文字列:文字列は、二重引用符( ")または一重引用符(')で囲まれた0〜n文字です。

ブール値:ブール型には、trueとfalseの2つの値が含まれます

Null:テーブル内の変数の値がnullです

未定義:宣言された変数が初期化されていない場合、デフォルト値は未定義です

配列:同じタイプのデータまたは異なるタイプのデータを格納できる変数または関数のコレクション

数値:数値タイプは、32ビット整数または64ビット浮動小数点数にすることができます。整数は、10進数、8進数、または16進数の形式にすることができます。

関数:関数は、変数、配列、またはオブジェクトに格納できる特別なオブジェクトデータ型です。

オブジェクト:プロパティとメソッドによって定義されたオブジェクト。一般的なオブジェクトは、文字列、日付、数学、配列などです。

演算子、式、および構文構造

変数

変数は識別子の一種です。

変数の定義:変数はキーワードvarで宣言されます。

var variable1、variable2、...;

変数のタイプ: "JavaScriptの変数変数は弱いデータ型です。変数を宣言するときに変数のデータ型を指定し、キーワードvarを使用して宣言する必要はありません。

例:

<script type="text/javascript">
    var name ,age ;
    var type="student" ;
    var school=" XX大学";

var x=30;
    alert(typeof x);
    x= "在变量的使用过程中,变量的类型可以动态改变,类型由所赋值的类型来确定。通过typeof运算符或typeof()函数来获得变量的当前数据类型。";
    alert(typeof(x));
</script>

グローバル変数

変数のスコープ:スコープ変数によると、変数の有効スコープを指し、グローバル変数とローカル変数に分けることができます。

<script type="text/javascript">
    var name="全局变量"
    //函数的定义
    function test (){
        name=name+"是";
        add="定义在函数之外的变量或者未定义直接使用的变量";
    }
    //函数的调用
    test ();
    alert("名称:"+name+"指"+add);
    alert(tel) ;//此处会报错

</script>

ローカル変数


ローカル変数は、関数内で宣言された変数を指します。これは、現在の関数本体に対してのみ有効です。

<script type="text/javascript">
    var name="此处为全局变量的信息";//定义全局变量
    //函数的定义
    function test(){
        var name="此处为局部变量的信息";//定义局部变量
        alert (name) ;//弹出信息:“此处为局部变量的信息”
    }
    //调用函数
    test() ;
    alert (name);
    //弹出信息:“此处为全局变量的信息”
</script>

ノート

1行コメント:ダブルスラッシュ "//"

var age =18;//学生の年齢を定義する

//学生の専攻を定義する

var major="コンピューターメジャー";

複数行のコメント:識別には「/*..*/」を使用します。

6.3演算子

代入演算子

変数に値を割り当てるために使用され、JavaScriptで値を割り当てるために等号(=)を使用します。

<script type="text/javascript">
    //定义变量时进行赋值
    var goodName="王一一";
    //定义变量后,进行赋值
    var aaa;aaa="我想哈哈哈";
    //多变量同时定义,并赋值
    var math=chinese=englidh=88;
    //将表达式的值赋给变量
    var shuxue=math*0.8;
    </script>

次の拡張代入演算子もあります

算術演算子:

算術演算子は、基本的な数学演算を実行するために使用されます

足し算(+)、引き算(-)、掛け算(*)、割り算(/)、余り(%)、足し算(++)、引き算(-)など。

自己加算(++)と自己減算(-)は単項演算子です

演算子は、オペランドの左側と右側の両方に表示できます。例:a ++は、最初の値を取得してから、変数aに1を追加します。つまり、元の基準に1を追加します。--aは、変数aが最初に1だけデクリメントされ、次にaの値が取得されることを意味します。つまり、元の基準から1つデクリメントされます。

比較演算子

比較の結果はブール値です

==と===の違いは次のとおりです。

==自動型変換をサポートし、前後の2つの変数の値が同じである限りtrueを返し、データ型の比較を無視します===2つの変数の値が同じであり、データ型は同じです

>>

より大きい、左側の値が右側の値より大きい場合はtrueを返し、それ以外の場合はfalseを返します。

> =

以上、左側の値が右側の値以上の場合はtrueを返し、それ以外の場合はfalseを返します。

<

より小さい、左側の値が右側の値よりも小さい場合はtrueを返し、それ以外の場合はfalseを返します。

<=

以下、左側の値が右側の値以下の場合はtrueを返し、それ以外の場合はfalseを返します。

!=

等しくない、左右の値が等しくない場合はtrueを返し、そうでない場合はfalseを返します

==

等しい、左と右の値が等しい場合はtrueを返し、そうでない場合はfalseを返します

!==

厳密に等しくない場合、左右の値が等しくないか、データ型が異なる場合はtrueを返し、それ以外の場合はfalseを返します

===

厳密に等しい、左右の値が等しく、データ型が同じである場合にtrueを返します:

論理演算子

ブール変数(または定数)の演算

.and(&&):両方のオペランドが同時にtrueの場合、結果はtrue;それ以外の場合はfalseまたは):両方のオペランドが同時にfalseの場合、結果はfalse;それ以外の場合はtrue

Not(!):オペランドは1つだけで、オペランドはtrue、結果はfalse、それ以外の場合は結果はtrueです。

三項演算子「?:」

疑問符のコロン

表現 ?value1:value2;

<script type="text/javascript">
    document.write(11>'11'?"数字11大于字符'11'":"数字11不大于字符'11'");
        //document.write()是向页面流中输出指定的文本信息
</script>

おすすめ

転載: blog.csdn.net/qq_46007633/article/details/123885831