整理Javascript基礎文法學習筆記_javascript技巧

1、什麼是變數
字面意思：變數是可變的量；
編程角度：變數是用於儲存某種/某些數值的儲存空間。我們可以把變數看做一個盒子，盒子用來存放物品，物品可以是衣服、玩具、水果...等。 

2、表達出你的想法(運算式)
運算式與數學中的定義相似，運算式是指具有一定的值、用操作符把常數和變數串連起來的代數式。一個運算式可以包含常數或變數。

 

字串運算式："I" + "love" + "you" + mychar  //編寫串運算式，值為字串。

數值運算式：num + 5*32 + 2.5    //編寫數值運算式，值為數值。

布林運算式：2>3     num==5      num<60     //編寫布爾值true或flase的運算式

小明有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）操作符
　　　　sun = numa + numb;
　　　　其中“=”和“+”都是操作符。
　　　　算數操作符（+、-、*、/等）
　　　　比較操作符（<、>、>=、<=等）
　　　　邏輯操作符（&&、||、！）。
注意：“=”操作符是賦值，不是等於。
（2）“+”操作符
在JavaScript中，“+”不只是代表加法，還可以串連兩個字串。

複製代碼 代碼如下:

mystring = "Java" + "Script";//mystring的值"JavaScript"這個字串

4、自加一，自減一 ( ++和- -)
算術操作符除了(+、-、*、/)外，還有兩個非常常用的操作符，自加一“++”；自減一“--”。首先來看一個例子：

mynum = 10;mynum++; //mynum的值變為11mynum--; //mynum的值又變回10

上面的例子中，mynum++使mynum值在原基礎上增加1，mynum--使mynum在原基礎上減去1,其實也可以寫成:

 mynum = mynum + 1;//等同於mynum++ mynum = mynum - 1;//等同於mynum-- 

5、比較操作符
我們先來做道數學題，數學考試成績中，小明考了90分，小紅考了95分，問誰考的分數高?
答: 因為“95 > 90”，所以小紅考試成績高。
其中大於符號">" 就是比較操作符，小紅考試成績和小明考試成績就是運算元，並且是兩個運算元。
也就是說兩個運算元通過比較操作符進行比較，得到值為真（true）和假(false)。
操作符的含義：
< 小於
> 大於
<= 小於或等於
>= 大於或等於
== 等於
!= 不等於

 var a = 5;//定義a變數，賦值為5 var b = 9; //定義b變數，賦值為9 document.write (a<b); //a小於b的值嗎? 結果是真(true) document.write (a>=b); //a大於或等於b的值嗎? 結果是假(false) document.write (a!=b); //a不等於b的值嗎? 結果是真(true) document.write (a==b); //a等於b的值嗎? 結果是假(false)

 相等操作符==並不表示嚴格相等。例如：比較false與一個Null 字元串會得到什麼結果？

 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與Null 字元串具有相同的含義，但Boolean和String可不是一種類型。

對於不等操作符!=也是如此。如果想比較嚴格的不相等就要使用!==。

6、邏輯與操作符
數學裡"a>b"，JavaScript裡還表示"a>b"；數學中的"b大於a,b小於c"是"a<b<c",JavaScript中用&&表示。
b>a && b<c //"&&"是並且的意思，讀法“b大於a”並且“b小於c”
好比我們參加高考時,在進入考場前,必須出示准考證和身份證,兩者缺一不可，否則不能參加考試，表示如下:

 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）值是falsec=!(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=6jq= numa + 30 / 2 - numb * 3; // 結果為0

例二：

var numa=3;var numb=6jq= ((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基礎文法的全部內容，希望對大家的學習有所協助。