欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

整理Javascript基礎語法學習筆記

 更新時間:2015年11月29日 11:17:06   作者:薯條_9  
整理Javascript基礎語法學習筆記,之前一系列的文章是跟我學習Javascript,本文就是進一步學習javascript基礎語法,希望大家繼續(xù)關(guān)注

1、什么是變量
字面意思:變量是可變的量;
編程角度:變量是用于存儲某種/某些數(shù)值的存儲器。我們可以把變量看做一個盒子,盒子用來存放物品,物品可以是衣服、玩具、水果...等。 

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

 

字符串表達式:"I" + "love" + "you" + mychar  //編寫串表達式,值為字符串。

數(shù)值表達式:num + 5*32 + 2.5    //編寫數(shù)值表達式,值為數(shù)值。

布爾表達式: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;
    其中“=”和“+”都是操作符。
    算數(shù)操作符(+、-、*、/等)
    比較操作符(<、>、>=、<=等)
    邏輯操作符(&&、||、?。?。
注意:“=”操作符是賦值,不是等于。
(2)“+”操作符
在JavaScript中,“+”不只是代表加法,還可以連接兩個字符串。

復制代碼 代碼如下:
mystring = "Java" + "Script";//mystring的值"JavaScript"這個字符串

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

mynum = 10;
mynum++; //mynum的值變?yōu)?1
mynum--; //mynum的值又變回10

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

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

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

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

 相等操作符==并不表示嚴格相等。例如:比較false與一個空字符串會得到什么結(jié)果?

 var a = false;
 var b = "";
 if(a == b){
  alert("a equals b");
 }
 //這個條件語句的求值結(jié)果是true。因為相等操作符==認為空字符串于false的含義相同。要進行嚴格比較,就要使用另一種等號(===)。這個全等操作符會執(zhí)行嚴格的比較,不僅比較值,而且會比較變量的類型:
 var a = false;
 var b = "";
 if (a === b){
  alert("a equals b");
 }

這次,條件表達的求值結(jié)果就是false了。因為即使認為false與空字符串具有相同的含義,但Boolean和String可不是一種類型。

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

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

 if(有準考證 &&有身份證) 
 {
 進行考場考試
 }

“&&”是邏輯與操作符,只有“&&”兩邊值同時滿足(同時為真),整個表達式值才為真。
邏輯與操作符值表:

注意: 如果A為假,A && B為假,不會在執(zhí)行B; 反之,如果A為真,要由 B 的值來決定 A && B 的值。

7、我或你都可以 (邏輯或操作符)
"||"邏輯或操作符,相當于生活中的“或者”,當兩個條件中有任一個條件滿足,“邏輯或”的運算結(jié)果就為“真”
邏輯或操作符值表:

 

注意: 如果A為真,A || B為真,不會在執(zhí)行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> 

保持先后順序(操作符優(yōu)先級)
例一:

var numa=3;

 var numb=6
jq= numa + 30 / 2 - numb * 3; // 結(jié)果為0

例二:

var numa=3;
var numb=6
jq= ((numa + 30) / (2 - numb)) * 3; //結(jié)果是-24.75

操作符之間的優(yōu)先級(高到低):
算術(shù)操作符 → 比較操作符 → 邏輯操作符 → "="賦值符號
如果同級的運算是按從左到右次序進行,多層括號由里向外。

 var numa=3;
 var numb=6;
 jq= numa + 30 >10 && numb * 3<2; //結(jié)果為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的類型也發(fā)生變化了。");
</script>

 以上就是關(guān)于Javascript基礎語法的全部內(nèi)容,希望對大家的學習有所幫助。

相關(guān)文章

  • 微信JSSDK調(diào)用微信掃一掃功能的方法

    微信JSSDK調(diào)用微信掃一掃功能的方法

    這篇文章主要為大家詳細介紹了微信JSSDK調(diào)用微信掃一掃功能的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • Bootstrap CSS布局之圖像

    Bootstrap CSS布局之圖像

    這篇文章主要介為大家詳細紹了Bootstrap CSS布局之圖像的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-12-12
  • JS實現(xiàn)改變HTML上文字顏色和內(nèi)容的方法

    JS實現(xiàn)改變HTML上文字顏色和內(nèi)容的方法

    這篇文章主要介紹了JS實現(xiàn)改變HTML上文字顏色和內(nèi)容的方法,涉及JS數(shù)學運算與頁面元素動態(tài)操作相關(guān)技巧,需要的朋友可以參考下
    2016-12-12
  • webpack4 入門最簡單的例子介紹

    webpack4 入門最簡單的例子介紹

    這篇文章主要介紹了webpack4 入門最簡單的例子介紹,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-09-09
  • javascript操作數(shù)組詳解

    javascript操作數(shù)組詳解

    這篇文章主要詳細介紹了javascript操作數(shù)組的方法以及示例,需要的朋友可以參考下
    2014-12-12
  • IScroll5實現(xiàn)下拉刷新上拉加載的功能實例

    IScroll5實現(xiàn)下拉刷新上拉加載的功能實例

    本篇文章主要介紹了IScroll5實現(xiàn)下拉刷新上拉加載的功能實例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-08-08
  • 使用遞歸遍歷對象獲得value值的實現(xiàn)方法

    使用遞歸遍歷對象獲得value值的實現(xiàn)方法

    下面小編就為大家?guī)硪黄褂眠f歸遍歷對象獲得value值的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-06-06
  • js實現(xiàn)防止被iframe的方法

    js實現(xiàn)防止被iframe的方法

    這篇文章主要介紹了js實現(xiàn)防止被iframe的方法,實例分析了兩種比較常用的javascript防止頁面被iframe的技巧,非常簡單實用,需要的朋友可以參考下
    2015-07-07
  • Servlet返回的數(shù)據(jù)js解析2種方法

    Servlet返回的數(shù)據(jù)js解析2種方法

    這篇文章主要介紹了Servlet返回的數(shù)據(jù)js解析2種方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2019-12-12
  • 原生JS實現(xiàn)特效留言框

    原生JS實現(xiàn)特效留言框

    這篇文章主要為大家詳細介紹了原生JS實現(xiàn)特效留言框,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-08-08

最新評論