1. 程式人生 > >javascript小白學習指南1

javascript小白學習指南1

引言:

做為一名程式設計師,都是真心的想把自己的東西分享出來,供大家一起學習探討,一起提高技能,一起漲工資,呵   這一系列的文章都是關於Javascript 基礎的 當然文章當中穿插了些我自己的理解,希望可以幫助一些剛開始的童鞋!   廢話不多說我們開始吧!


第一章:Javascript 基本概念

  主要內容

  • 資料型別                                                                             
  • 控制語句
  • 函式              

    我們先從最簡單的資料型別開始吧!

    首先請記住javascript 有5種基本資料型別和1種複雜資料型別,至於為什麼只有這六種,大家可以去翻翻W3C的資料哈!

五種基本資料型別

  • Undefined
  • Null
  • Boolean
  • Number
  • String
    一種複雜資料型別:
  •  Object 
   在學習這些資料型別之前,我們必須學習使用一個工具,俗話說磨刀不誤砍柴工嘛!

  下面為大家介紹一種手段來檢測變數的資料型別   ->->->->   typeof  操作符 你可以理解為 

   type of  someting 比如 type of undefined  更多例子如下:

  • type of undefined     如果這個值未被定義
  • type of boolean        如果這個值是布林值
  • type of string            如果這個值是字串
  • type of number         如果這個值是數值
  • type of object           如果這個值是物件 或者 是 NULL
  • type of function        如果這個值是函式
    下面為大家寫個小例子 你們可以自己建立一個HTML檔案然後把我的程式碼考進去
<script>
     var Question = "csdn boss is ji lao ?";
     alert("依次是 string number object");
     alert(typeof Quession);
     alert(typeof  100);
     alert(typeof    null);
</script> 
   

   下面來分別詳細說說這幾種資料型別

  •  Undefined 型別
     簡單的來說就是:在使用var 宣告變數但未對其加以初始化時,這個變數值就是Undefined;      為什麼這麼說呢? 看下面的程式碼
var csdn //宣告之後預設取得undefined

//var TT 這個變數沒有宣告

alert(csdn)    //返回 undefined
alert( TT )     // 按F12開啟調速器發現報錯了 

  •  Null 型別
     Null 型別是隻有一個值的資料型別 當然這個值就是null 啦,我上面提到過當使用typeof 時 想起來沒有?       typeof null 是返回的Object 為什麼呢?因為 null 值表示一個空物件的指標      在告訴你們一個祕密 其實 Undefined 是 Null 的兒子,不信的話你們可以在控制檯裡試一試            才發現CSDN 的上傳圖片還自動帶水印的可憐可憐。。。
  •  Number 型別
     這個型別嘛! 有點枯燥,但是它又是JS裡面最令人關注的型別      首先介紹最簡單的JS數字的進位制
var intNumber = 10; //整數
var 8_number =  012  //八進位制
var 8_number_1 = 019 //無效八進位制自動去0變10進位制

var 16_number = A //16進位制
//我在進行算術計算時 從不管你是什麼進位制反正都會是轉換成10進位制

   下面介紹浮點數
var floatNum = 1.1 
var floatNum_1 = 0.1
//上面的都是浮點數的宣告方法
//當然還有高階點的

var float_num_2 =1.123e3  // 就是1123

//e 3 表示 10*10*10

   NaN  = Not a Number    它有點特殊  比如任何數值除以0 那麼在JS中 就會返回 NaN    NaN 有兩個重要的特點    1.  任何,請注意是任何 涉及NaN的操作都會返回  NaN    2.  NaN 與任何值都不相等    關於NaN 它還有一個小工具  是一個叫做 isNaN(param)  的函式    param 是你傳入的值 它會嘗試將param 轉換成數值 , 可以轉換返回FALSE  不能轉換 返回 TRUE    說道這裡就不能不說說這個數值轉換的問題了    首先還是給大家介紹三個工具  它們分別是     Number()    parseInt()   parseFloat()       這幾個是幹嘛的呢? 第一個可以用於任何資料型別,而後面的兩個專門用於把字串轉換成數值     程式碼例子如下 ,一樣一個
var c = Number("csdn ");   //NaN
var s = Number("" );         //0
var d = Number("0000132 ") //132
var n = Number (true)        //1

var c = parseInt("123CSDN")  //123

var s = parseFloat ("22.5")   //22.5

//更多的例子大家可以去W3C上去看看

  • String 型別  
     首先請大家記住: 在JS中字串是不可變的,也就是說,字串一旦建立,他們的值就不能改變,要改變某個變數中的值,首先要銷燬原來的,然後在用新的去填充
var csdn = "csdn "
csdn = csdn+"is what?"

//按照上面的意思 你能理解這段程式碼的工作原理嗎??

toString() 方法和 String()函式   toString() 幾乎每個值都有這個方法 它接收一個引數 這個引數是你要輸出的值按什麼進位制輸出   也就是說傳 2 就是 二進位制 不傳預設 10 進位制     String() 函式 它能將任何型別轉換成字串    規則如下    1.  如果有 toString() 方法則呼叫    2.  如果是NULL 則返回 null    3.  如果是 Undefined 則返回  Undefined
  •    Object 
     看程式碼!!!!
var a = new Object();

     好吧我建立了個物件(媽蛋現實世界裡沒有怎麼辦      這個現在你只要記住:       Object 型別是所有例項的 基礎 基礎 基礎 基礎 基礎。       啊?  懂 ?       不懂不要緊 慢慢來!       下面放福利 今天就到這裡 (你們就這點出息)