記事ディレクトリ
コンテンツ
序文
ナレッジポイントには、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>