ホームページ ウェブフロントエンド jsチュートリアル Javascript基本構文学習ノート_JavaScriptスキルを整理する

Javascript基本構文学習ノート_JavaScriptスキルを整理する

May 16, 2016 pm 03:29 PM
javascript 文法

1. 変数とは
文字通りの意味: 変数は変数の量です。
プログラミングの観点: 変数は、いくつかの/特定の値を保存するために使用されるメモリです。変数は、衣類、おもちゃ、果物などのアイテムを保管するために使用される箱と考えることができます。

2. 自分の考えを表現する(表現)
式は数学の定義に似ており、特定の値を持ち、演算子を使用して定数と変数を接続する代数式を指します。式には定数または変数を含めることができます。

文字列式: "I" "love" "you" mychar //文字列式を記述します。値は文字列です。

数値式: num 5*32 2.5 //数値式を書き込みます。値は数値です。

ブール式: 2>3 num==5 num

シャオミンは10元を持っていて、5元でノートを買いました。「あなたの残りのお金と私の6元で筆箱が買えるよ。」

 <script type="text/javascript">
  var num1 = 10-5;//计算小明剩下多少钱
  var num2 = num1+6;//小红花多少钱买铅笔盒
 document.write("小明还剩:"+num1+"元"+"<br>");
 document.write("小红花:"+num2+"元买个铅笔盒");
 </script>
ログイン後にコピー

3. 符号演算子
演算子は、JavaScript で特定のアクションを指定するために使用される記号です。
(1) オペレーター
太陽=沼しびれ;
このうち「=」と「」はどちらも演算子です。
算術演算子 ( 、 - 、 * 、 / など)
比較演算子 (<、>、>=、<= など)
論理演算子 (&&、||、!)。
注: 「=」演算子は代入であり、等価ではありません。
(2) " " 演算子
JavaScript では、「 」は加算を表すだけでなく、2 つの文字列を連結することもできます。

コードをコピー コードは次のとおりです:
mystring = "Java" "Script";// mystring「JavaScript」の値 この文字列

4. 自分に 1 を加算し、自分に 1 を減算します (そして - -)
算術演算子 (、-、*、/) に加えて、非常に一般的に使用される 2 つの演算子があります。まず例を見てみましょう:

mynum = 10;
mynum++; //mynum的值变为11
mynum--; //mynum的值又变回10
ログイン後にコピー

上記の例では、mynum は元の値に基づいて mynum の値を 1 増加させ、mynum-- は元の値に基づいて mynum を 1 減少させます。実際、次のように書くこともできます。 >

 mynum = mynum + 1;//等同于mynum++
 mynum = mynum - 1;//等同于mynum-- 
ログイン後にコピー

5. 比較演算子 まず数学の質問をしてみましょう。数学のテストの得点のうち、シャオ・ミンは 90 点、シャオ・ホンは 95 点を獲得しました。
答え: 「95 > 90」なので、Xiaohong のテストのスコアは高いです。
大なり記号「>」は比較演算子で、Xiaohong のテスト スコアと Xiaoming のテスト スコアはオペランドであり、これらは 2 つのオペランドです。
つまり、2 つのオペランドは比較演算子によって比較され、
で得られる値は true (真) と false (偽) になります。 演算子の意味:

未満 >
より大きい <= 以下
>=
以上 ==
に等しい != は
と等しくありません

 var a = 5;//定义a变量,赋值为5
 var b = 9; //定义b变量,赋值为9
 document.write (a<b); //a小于b的值吗&#63; 结果是真(true)
 document.write (a>=b); //a大于或等于b的值吗&#63; 结果是假(false)
 document.write (a!=b); //a不等于b的值吗&#63; 结果是真(true)
 document.write (a==b); //a等于b的值吗&#63; 结果是假(false)
ログイン後にコピー
等価演算子 == は、厳密な等価を意味しません。例: false と空の文字列を比較した結果はどうなるでしょうか?

 var a = false;
 var b = "";
 if(a == b){
  alert("a equals b");
 }
 //这个条件语句的求值结果是true。因为相等操作符==认为空字符串于false的含义相同。要进行严格比较,就要使用另一种等号(===)。这个全等操作符会执行严格的比较,不仅比较值,而且会比较变量的类型:
 var a = false;
 var b = "";
 if (a === b){
  alert("a equals b");
 }
ログイン後にコピー
今回は条件式の評価結果が false です。 false は空の文字列と同じ意味を持ちますが、Boolean と String は同じ型ではないためです。

不等号演算子 != にも同じことが当てはまります。厳密な不等号が必要な場合は、!== を使用します。

6. 論理 AND 演算子 数学では、「a>b」は JavaScript の「a>b」も意味します。数学では、「b は a より大きく、b は c より小さい」は「a
b>a && b
例えば、大学の入学試験を受ける場合、試験室に入る前に受験票と身分証明書を提示しなければ、受験することができません。

 if(有准考证 &&有身份证) 
 {
 进行考场考试
 }
ログイン後にコピー

“&&”是逻辑与操作符,只有“&&”两边值同时满足(同时为真),整个表达式值才为真。
逻辑与操作符值表:

注意: 如果A为假,A && B为假,不会在执行B; 反之,如果A为真,要由 B 的值来决定 A && B 的值。

7、我或你都可以 (逻辑或操作符)
"||"逻辑或操作符,相当于生活中的“或者”,当两个条件中有任一个条件满足,“逻辑或”的运算结果就为“真”
逻辑或操作符值表:

注意: 如果A为真,A || B为真,不会在执行B; 反之,如果A为假,要由 B 的值来决定 A || B 的值

<script type="text/javascript">
 var numa,numb,jq1;
 numa=50;
 numb=55;
 jq1= numa>numb||numa==numb;
 document.write("jq1的值是:"+jq1+"<br>")
</script>

ログイン後にコピー

8、是非颠倒(逻辑非操作符)
"!"是逻辑非操作符,也就是"不是"的意思,非真即假,非假即真。
逻辑非操作符值表:

例:

 var a=3;
var b=5;
var c;
c=!(b>a); // b>a值是true,! (b>a)值是false
c=!(b<a); // b<a值是false, ! (b<a)值是true
ログイン後にコピー
<script type="text/javascript">
  var numa,numb,jq1;
  numa=60;
  numb=70;
  jq1=!(numa<numb);
  document.write("jq1的值是:"+jq1+"<br>")//输出值jq1的值是:false
</script> 
ログイン後にコピー

保持先后顺序(操作符优先级)
例一:

var numa=3;

 var numb=6
jq= numa + 30 / 2 - numb * 3; // 结果为0
ログイン後にコピー

例二:

var numa=3;
var numb=6
jq= ((numa + 30) / (2 - numb)) * 3; //结果是-24.75
ログイン後にコピー

操作符之间的优先级(高到低):
算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号
如果同级的运算是按从左到右次序进行,多层括号由里向外。

 var numa=3;
 var numb=6;
 jq= numa + 30 >10 && numb * 3<2; //结果为false

 <script type="text/javascript">
  var numa,numb,jq1;
  numa=5;
  numb=2;
  jq1=numa + 30 >10 && numb * 3<20;
  jq2=((numa + 30) / (7-numb)) * 3

  document.write("jq1的值是:"+jq1+"<br>");//jq1的值是:true
 document.write("jq2的值是:"+jq2);//jq2的值是:21
</script>

<script type="text/javascript">
  var a,b,sum;
  var a = 5;
  var b = 100%7; 
  sum = a > b && a*b > 0 ;
  document.write( "我认为 a 的值是:" + 5 + " b的值是:" + 2 + "sum 的值是:" + true+"<br/>");
  document.write( "答案是,第一轮计算后,a 为:"+ a +";b为:"+b +";第一次计算sum为:"+ sum +"<br/>");
 
  sum = ( (++a) + 3 ) / (2 - (--b) ) * 3; 
  document.write( "再一次计算后,我认为 a 的值是:" + 6 + " b的值是:" + 1 + "sum 的值是:" + 27 +"<br/>"); 
  document.write( "答案是,第二轮计算后,a 为:" + a + ";b为:" + b +";第二次计算sum为:"+ sum +",sum的类型也发生变化了。");
</script>

ログイン後にコピー

 以上就是关于Javascript基础语法的全部内容,希望对大家的学习有所帮助。

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 Dec 17, 2023 pm 02:54 PM

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 はじめに: 技術の継続的な発展により、音声認識技術は人工知能の分野の重要な部分になりました。 WebSocket と JavaScript をベースとしたオンライン音声認識システムは、低遅延、リアルタイム、クロスプラットフォームという特徴があり、広く使用されるソリューションとなっています。この記事では、WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法を紹介します。

WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー Dec 17, 2023 pm 05:30 PM

WebSocketとJavaScript:リアルタイム監視システムを実現するためのキーテクノロジー はじめに: インターネット技術の急速な発展に伴い、リアルタイム監視システムは様々な分野で広く利用されています。リアルタイム監視を実現するための重要なテクノロジーの 1 つは、WebSocket と JavaScript の組み合わせです。この記事では、リアルタイム監視システムにおける WebSocket と JavaScript のアプリケーションを紹介し、コード例を示し、その実装原理を詳しく説明します。 1.WebSocketテクノロジー

JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 Dec 17, 2023 pm 12:09 PM

JavaScript と WebSocket を使用してリアルタイム オンライン注文システムを実装する方法の紹介: インターネットの普及とテクノロジーの進歩に伴い、ますます多くのレストランがオンライン注文サービスを提供し始めています。リアルタイムのオンライン注文システムを実装するには、JavaScript と WebSocket テクノロジを使用できます。 WebSocket は、TCP プロトコルをベースとした全二重通信プロトコルで、クライアントとサーバー間のリアルタイム双方向通信を実現します。リアルタイムオンラインオーダーシステムにおいて、ユーザーが料理を選択して注文するとき

簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 Jan 05, 2024 pm 06:08 PM

JavaScript チュートリアル: HTTP ステータス コードを取得する方法、特定のコード例が必要です 序文: Web 開発では、サーバーとのデータ対話が頻繁に発生します。サーバーと通信するとき、多くの場合、返された HTTP ステータス コードを取得して操作が成功したかどうかを判断し、さまざまなステータス コードに基づいて対応する処理を実行する必要があります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法を説明し、いくつかの実用的なコード例を示します。 XMLHttpRequestの使用

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 Dec 17, 2023 pm 05:13 PM

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 はじめに: 今日、天気予報の精度は日常生活と意思決定にとって非常に重要です。テクノロジーの発展に伴い、リアルタイムで気象データを取得することで、より正確で信頼性の高い天気予報を提供できるようになりました。この記事では、JavaScript と WebSocket テクノロジを使用して効率的なリアルタイム天気予報システムを構築する方法を学びます。この記事では、具体的なコード例を通じて実装プロセスを説明します。私たちは

ラムダ式の構文と構造の特徴は何ですか? ラムダ式の構文と構造の特徴は何ですか? Apr 25, 2024 pm 01:12 PM

ラムダ式は名前のない匿名関数であり、その構文は (parameter_list)->expression です。匿名性、多様性、カリー化、閉鎖性が特徴です。実際のアプリケーションでは、ラムダ式を使用して、合計関数 sum_lambda=lambdax,y:x+y などの関数を簡潔に定義し、map() 関数をリストに適用して合計演算を実行できます。

JavaScript で HTTP ステータス コードを簡単に取得する方法 JavaScript で HTTP ステータス コードを簡単に取得する方法 Jan 05, 2024 pm 01:37 PM

JavaScript で HTTP ステータス コードを取得する方法の紹介: フロントエンド開発では、バックエンド インターフェイスとの対話を処理する必要があることが多く、HTTP ステータス コードはその非常に重要な部分です。 HTTP ステータス コードを理解して取得すると、インターフェイスから返されたデータをより適切に処理できるようになります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法と、具体的なコード例を紹介します。 1. HTTP ステータス コードとは何ですか? HTTP ステータス コードとは、ブラウザがサーバーへのリクエストを開始したときに、サービスが

Go言語とJSの関係と違い Go言語とJSの関係と違い Mar 29, 2024 am 11:15 AM

Go 言語と JS の関係と違い Go 言語 (Golang とも呼ばれます) と JavaScript (JS) は現在人気のあるプログラミング言語であり、これらはある面では関連していますが、他の面では明らかな違いがあります。この記事では、Go 言語と JavaScript の関係と違いを探り、読者がこれら 2 つのプログラミング言語をよりよく理解できるように具体的なコード例を示します。接続: Go 言語と JavaScript は両方ともクロスプラットフォームであり、異なるオペレーティング システム上で実行できます。

See all articles