JavaScript進階(一)

來源:互聯網
上載者:User

標籤:字母   bool   cell   基礎   運算式   註冊   enum   new   javascrip   

 OK接下來,我們再次梳理一遍js並且提高一個等級。眾所周知,web前端開發人員需要瞭解html和css,會只用html和css建立一個漂亮的頁面,但是這肯定是不夠的,因為它只是一個靜態頁面,我們還需要用JavaScript增加它的行為,為網頁添加動態效果。首先,JavaScript能做什嗎?1.增強頁面動態效果(如:下拉式功能表,圖片輪播,資訊滾動等)2.實現頁面與使用者之間的即時,動態互動(如:使用者註冊,登入驗證等)JavaScript進階篇章能學習到什麼呢?在JavaScript入門篇中,學了如何插入js,輸出內容以及簡單的dom操作,JavaScript進階能讓我們進一步瞭解js的變數,數組,函數,文法,對象,事件,dom操作,製作簡單的網頁動態效果。首先,什麼是變數?從字面上看,變數是可以變的量。從編程角度來看,變數是用於儲存某種/某些數值的儲存空間。我們可以把變數看做一個盒子,盒子用來存放物品物品可以是衣服,玩具,水果...等。然後為了區分這些盒子,可以用box1,box2等名稱來代表不同的盒子,box1就是盒子的名字(也是變數的名字)我們給變數取名字的時候可以任意取,但是要遵循一些規範:1.必須以字母,底線或者貨幣符號開頭,後面可以跟字母,底線,貨幣符號或數字。如下:正確:mysum _mychar $numal錯誤:6num//開頭不能是數字 %sum//開頭不能用除了$或_以外的特殊符號sum+num//開頭中間不能用除了$或_以外特殊符號2.變數名區分大小寫,如A與a就是兩個不同的變數3.不允許使用JavaScript關鍵字或者保留字作為變數名        關鍵字break else new varcase finally return voidcatch for switch whiledefault if throwdelete in trydo instanceof typeof保留字abstract enum int shortboolean export interface staticbyte extends long superchar final native synchronizedclass float package throwsconst goto private transientdebugger mplements protected volatiledouble import public 我們是要用盒子裝東西的,是不是先要找到盒子,那麼在編程中,這個過程叫聲明變數,找盒子的動作,如何表示:聲明變數文法:var 變數名;var就相當於找盒子的動作,在JavaScript中是關鍵字(即保留字),這個關鍵字的作用是聲明變數,並為“變數”準備位置(即記憶體)。var mynum;//聲明一個變數mynum當然,我們可以一次找一個盒子,也可以一次找多個盒子,所以var還可以一次聲明多個變數,變數之間用","逗號隔開。var num1,num2;注意:變數也可以不聲明,直接使用,但是為了規範,需要先聲明,後使用。我們把變數看做一個盒子,盒子用來存放物品,那如何在變數中儲存內容呢?我們使用“=”等號給變數儲存內容,如:var mynum=5;//聲明變數mynum並賦值這個語句怎麼讀呢?給變數mynum賦值,值為5.我們也可以這樣寫:var mynum;//聲明變數mynummynum=5;//給變數mynum賦值注意:這裡的“=”等號的作用是給變數賦值,不是等號。盒子可以裝衣服,玩具,水果等等。其實,變數是無所不能的容器,你可以把任何東西儲存在變數裡,如:數值,字串,布爾值等。如:var num1=123;//123是數值var num2="一二三";//"一二三"是字串var num3=true;//布爾值true(真),false(假)其中num1變數儲存的內容是數值;num2變數儲存的內容是字串,字串需要一對引號""括起來,nume3變數儲存的內容是布爾值(true,false)。然後提到運算式。運算式與數學中的定義相似,運算式是指具有一定的值、用操作符把常數和變數串連起來的代數式。一個運算式可以包含常數或變數。如:num=num+1;num就是變數,=是賦值,num+1就是運算式操作符是用於在JavaScript中指定一定動作的符號。(1)操作符看下面這段代碼:sum=numa+numb;其中"="和"+"都是操作符。JavaScript中還有很多這樣的操作符,例如,算數操作符,比較操作符,邏輯操作符注意,注意,再注意!!!"="操作符是賦值,不是等於!(2)"+"操作符算術運算子主要用來完成類似加減乘除的工作,在JavaScript中,"+"不只代表加法,還可以串連兩個字串,如:mystring="Java"+"Script";//mystring的值"JavaScript"這個字串算術操作符除了加減乘除外,還有兩個非常有用的操作符,自加一"++";自減一"--"首先來看一個例子:mynum=10;mynum++;//mynum的值變成了11mynum--;//mynum的值又變回了10上面的例子中,mynum++使mynum值在原基礎上增加1,mynum--使mynum在原基礎上減去1,其實也可以寫成:mynum=mynum+1;//等同於mynum++mynum=mynum-1;//等同於mynum--然後說到比較操作符。我們先說道數學題,小明考試考了90分,小紅考了95分,問誰的分數高?答:因為95>90 所以小紅考試成績高其中大於符號>就是比較操作符。小紅考試成績和小明考試成績就是運算元,並且是兩個運算元。也就是說兩個運算元通過比較操作符進行比較,得到值為真(true)和假(false)在JavaScript中,這樣的比較操作符有很多,這些操作符的含義如下:操作符 描述< 小於> 大於<= 小於或等於>= 大於或等於== 等於!= 不等於看看下面例子:var a=5;//定義a變數,賦值為5var b=9;//定義b變數,賦值為9document.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)ps:暫時有點事情,如果晚上有閒置話,會繼續更新的。

JavaScript進階(一)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.