1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>變量--數字</title>
6 </head>
7 <body>
8 <script type="text/javascript">
9 var a = 100;
10 var b = 200;
11 var c = 300;
12 var d = 400;
13 var e = 500;
14 document.write('這麼寫是一種非常不好的寫法,非常惡心計算機 ');
15 document.write(b);
16 </script>
17 </body>
18 </html> 程式結果 這麼寫是一種非常不好的寫法,非常惡心計算機200
上面的寫法非常不友好,會顯得代碼很臃腫,不是一個好的前端開發人員的好習慣,我們在這裡建議使用單一var(沃)模式,盡量多個變量這麼來寫;
開發時候會有一個開發的規範,就是一個小本子,統一了公司開發格式,友善任一程式員查閱,接下來我們來看一下,開發中的标準寫法
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>變量的單一var模式</title>
6 </head>
7 <body>
8 <script type="text/javascript">
9 var a = 10,
10 b = 20,
11 c = 30,
12 d = 40,
13 e;
14
15 document.write(a,b,c,d,e);
16 </script>
17 </body>
18 </html> 程式結果
10203040undefined 變量命名規則
- 變量必須以英文字母、_、$、數字開頭
- 變量名可以包括英文字母、_、$、數字
- 不可以使用系統的關鍵字、保留字作為變量名
關鍵字
| break | else | new | var |
| case | finally | return | void |
| catch | for | switch | while |
| delete | if | throw | |
| delete | in | try | |
| do | instanceof | typeof |
保留字
| abstract | enum | int | short |
| boolean | export | interface | static |
| byte | extends | long | super |
| char | final | native | synchronized |
| class | float | package | throw |
| const | goto | private | transient |
| debugger | implements | protected | volatile |
| double | import | public |
初次進入公司,實習生都會配置設定一個導師,實習生寫的代碼需要經過導師的稽核才會上線,這個時候變量千萬不能亂寫,要做到見名知意,切記千萬不能
var a,b,c; 之類的變量,小心挨罵
要養成一個好習慣,千萬别再使用aa,bb,cc這種命名方式啦!!!!!!!習慣就從現在開始,真正到工作的時候就改不過來了
現實的公司中,有些程式員因為一個問題可以想一天,有時候會變得非常暴躁,當他看到你的代碼寫成aa,bb,cc,結果可想而知,他會弄死你(有點誇張哈),自己腦補
接下來我們來看下面程式,給你的啟發
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>運算大于指派的優先級</title>
6 </head>
7 <body>
8 <script type="text/javascript">
9 var a = 10,
10 b = 20,
11 c;
12 c = a + b;
13
14 document.write(c);
15 </script>
16 </body>
17 </html> 運作結果
30 我們在這裡var了三個變量a,b,c,很明顯這個程式是在做一道加法求值,c=a+b,這裡我想說的是,運算的優先級大于指派的運算,隻有這樣才能使程式運作下去
我們javascript是一種動态語言的東西,和靜态語言是倆回事,動态語言基本上全是解釋性語言,解釋性語言基本上都是腳本語言.解釋性語言的特點,聲明關鍵字隻有一個那就是var,我們不需要像其他語言一樣,int float,long,char,string(這是java和一些其他的程式設計語言常用的變量類型,當然啦我最近也在學習Java,要堅持啊✊)
解釋性語言就是解釋一行執行一行,到代碼中現解釋,現執行,不用像java那樣通篇編譯成.class位元組碼檔案再去執行它,隻需要記住,我們javascript隻有var沒有其他亂七八糟的東西,而且我們數字的類型天生就是浮點型,不是整型 浮點型的範圍要大于整型的,換句話說,浮點型就是我們正常人用的東西,現實生活中我們就可以直接說10.89,不用像Java那樣float一個變量類型,再去指派,我們一個var就可以解決,大大友善了我們程式的簡潔性,也降低了學習成本
再來看一段代碼
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>字元串的使用</title>
6 </head>
7 <body>
8 <script type="text/javascript">
9 var a = "123",
10 b = "我的部落格園位址是https://www.cnblogs.com/cmd5";
11
12 document.write(a,b);
13 </script>
14 </body>
15 </html> 運作結果
123我的部落格園位址是https://www.cnblogs.com/cmd5 這裡我們var了一個字元串,字元串于數字不一樣,我們數字直接在=右邊直接敲數字,字元串需要用到英文狀态下的""或者'',雙引号和單引号在javascript中都是允許的,我們上面是定義了一個字元串123,而不是數字123,這一點要區分
阿拉伯人發明了數字,其實這不是最早的數字,印度人最先發明了數字的原型,不完善,阿拉伯人把印度人在曆史上滅了一次,印度經曆了好幾輪滅族,阿拉伯人進入印度發現,呀哈,你們這個國家很強大,竟然有123456789,阿拉伯人就把這些數字引進了自己的國度 問題來了阿拉伯數字為啥不叫印度數字呢?以前的印度人吧有數字但是不懂得加減法,阿拉伯人給加進去加減乘除,加完後拼成一個數字系統,叫阿拉伯數字系統,并且流傳開來,風靡歐洲,最後又傳到了亞洲,這叫阿拉伯數字
接下來看一段代碼
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>布爾值Boolean,undefined,null</title>
6 </head>
7 <body>
8 <script type="text/javascript">
9 var a = true,
10 b = false,
11 c = undefined,
12 d = null,
13 e;
14
15 document.write(a,b,c,d,e);
16 </script>
17 </body>
18 </html> 運作結果
truefalseundefinednullundefined 前面我介紹了數字和字元串在javascript中是如何定義的,很簡單對吧,現在我來給大家介紹,布爾值Boolean,undefined,null對你的啟發
布爾類型:值隻有兩個,要麼是true要麼是false暫且先記住,布爾類型的值和以後的邏輯判斷有關
undefined:英語中defined是定義的意思,undefined是未定義的 的意思,就是說這個變量并沒有進行定義代碼中e的運作結果就是undefined
null:英文中null是空的意思,在javascript中null其實是一種占位符,我們在建立了一個方法,在變量中進行調用,這是最常見的方式了,但是随着時間的推移你漸漸的發現這個調用似乎不太适合了,我們不能将它删除,必須找個東西覆寫,用123覆寫沒理由,這個時候我們就是用null進行占位,似乎在告訴程式這是空的,我不進行調用了,這樣程式就自動跳過原本要調用的方法了,拿空值調用,以便後續的利用
恭喜你看到了這裡,你一定會在javascript上走的越來越遠,最種成為js大神
我來給總結今天的随筆
我們學了5個原始值,哈哈,很抱歉在文章底部才列舉
原始值包括:Number String Boolean undefined null,如果忘記了,在看一遍文章,對你有幫助
除了原始值外還有
引用值:array Object function ... date RegExp
後續等我慢慢更新吧...我應該JavaScript、Java、網絡安全滲透至少會連更2年6月吧
