DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 2.2 JavaScript數據結構
2.2 JavaScript數據結構
編輯:JavaScript基礎知識     

每一種計算機編程語言都有自己的數據結構,JavaScript腳本語言的數據結構包括:標識符、常量、變量、保留字等。

一、標識符

標識符,說白了,就是一個名字。在JavaScript中,變量和函數等都需要定義一個名字,這個名字就可以稱為“標識符”。

JavaScript語言中標識符最重要的3點就是:

  • (1)第一個字符必須是字母、下劃線(_)或美元符號這3種其中之一,其後的字符可以是字母、數字或下劃線、美元符號;
  • (2)變量名不能包含空格、加號、減號等符號;
  • (3)標識符不能和JavaScript中用於其他目的的關鍵字同名;

這幾點跟C、Java等其他很多語言的命名規則相同。

舉例:正確的標識符

 
i
lvye_study
_study
$str
n123

舉例2:錯誤的標識符

 
123n //不能以數字開頭
continue//不能跟JavaScript關鍵字相同

二、關鍵字

JavaScript關鍵字是指在JavaScript語言中有特定含義,成為JavaScript語法中一部分的那些字。JavaScript關鍵字是不能作為變量名和函數名使用的,也就是說變量的名稱或者函數的名稱不能跟系統的關鍵字重名。使用JavaScript關鍵字作為變量名或函數名,會使JavaScript在載入過程中出現編譯錯誤。

在這一點上,JavaScript跟其他編程語言是一樣的。


在這裡說明一下,這張表列舉了JavaScript的關鍵字,只是方便大家查詢,並不是叫大家記憶呀。大家別傻乎乎地一個個去記憶JavaScript的關鍵字。這些關鍵字待我們學習深入了,自然而然就會認得,大家不用浪費腦細胞去記憶喔。

三、常量

常量,顧名思義就是指不能改變的量。常量的指從定義開始就是固定的,一直到程序結束。

常量主要用於為程序提供固定和精確的值,包括數值和字符串,如數字、邏輯值真(true)、邏輯值假(false)等都是常量。

四、變量

變量,顧名思義,就是指在程序運行過程中,其值是可以改變的。

1、變量的命名

變量的名稱實際上是一個標識符,因此命名一個變量時也要遵循標識符的命名規則:

(1)第一個字符必須是字母、下劃線(_)或美元符號,其後的字符可以是字母、數字或下劃線、美元符號;

(2)變量名不能包含空格、加號、減號等符號;

(3)標識符不能和JavaScript中用於其他目的的關鍵字同名;

2、變量的聲明與賦值

在JavaScript中,使用變量之前需要先聲明變量。

大家記住一點:

“所有的JavaScript變量都由關鍵字var聲明。”

在這一點上,JavaScript跟C、Java是不同的。

語法:

 
var 變量名;
var 變量名=值;

說明:

在聲明變量的同時,也可以對變量進行賦值。

一個關鍵字var也可以同時聲明多個變量名,變量名之間必須用英文逗號“,”隔開。例如聲明變量name、age、gender,分別表示姓名、年齡、性別,代碼如下:

 
var name,age,gender;

可以在聲明變量的同時,對變量進行賦值:

 
var name="張三",age=18,gender="男";

:一個好的編程習慣是,在代碼開始處,統一對需要的變量進行聲明。

3、變量的作用域

變量的作用域是指某變量在程序中的有效范圍,也就是程序中定義這個變量的區域。在JavaScript中,變量根據作用域可以分為2種:全局變量和局部變量。

全局變量在主程序中定義,其有效范圍是從定義開始,一直到本程序結束為止。局部變量在程序的函數中定義,其有效范圍只有在該函數之中;當函數結束後,局部變量生存期就結束了。

舉例:

在線測試
 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var a;    //該變量在函數外聲明,作用於整個腳本代碼;
        function send()
        {
            a=" 學習網";
            var b="JavaScript入門教程";  //該變量在函數體內聲明,只作用於該函數體
            alert(a+b);
        }
        send();
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:


XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved