1.2 從網頁中引用JavaScript
1.2.1 定義腳本語言的類型
JavaScript 腳本語言同其他語言一樣,有它自身的基本數據類型、表達式和算術運算符及程序的基本框架結構。JavaScript 提供了 4 種基本的數據類型用來處理數字和文字;而變量是提供數據存取和信息存放的地方;表達式則可以完成較復雜的信息處理。
1.基本數據類型
在JavaScript中,4種基本的數據類型:數值型(整數和實數)、字符串型(用“”號或‘’括起來的字符或數值)、布爾型(使True或False表示)和空值。在JavaScript的基本類型中的數據可以是常量,也可以是變量。由于 JavaScript 采用弱類型的形式,因而一個數據的變量或常量不必首先聲明,而是在使用或賦值時確定其數據類型的。當然也可以先聲明該數據的類型,也就是在賦值時主動說明其數據類型。
2.常量
(1)整型常量
JavaScript 的常量通常又稱字面常量,它是不能改變的數據。整型常量可以使用十六進制、八進制和十進制表示其值。
(2)實型常量
實型常量是由整數部分加小數部分表示的,如 12.32、193.98 ??梢允褂每茖W或標準方法表示:5E7、4e5等。
(3)布爾常量
布爾常量只有兩種狀態:true或false。它主要用來說明或代表一種狀態或標志,以說明操作流程。在有些語言中,0和1也可以用來代表false和true,但是在JavaScript中只能用true或false表示布爾值。
(4)字符型常量
使用單引號(')或雙引號(")括起來的一個或幾個字符。如 "This is a book of JavaScript"、"3245"、"ewrt234234" 等。
(5)空值
JavaScript中有一個空值null,表示什么也沒有。如果試圖引用沒有定義的變量,則返回一個null值。
(6)特殊字符
同C語言一樣,在JavaScript中以斜杠(/)開頭的、不可顯示的特殊字符稱為控制字符。
3.變量
變量的主要作用是存取數據、提供存放信息的容器。對于變量必須明確變量的命名、變量的類型、變量的聲明及其變量的作用域。
(1)變量的命名
JavaScript中的變量命名同其計算機語言非常相似,這里要注意以下兩點:
? 必須是一個有效的變量,即變量以字母開頭,中間可以出現數字,如 test1、text2等。除下畫線(_)作為連字符外,變量名稱不能有空格、“+”、“-”、“,”或其他符號。
? 不能使用JavaScript中的關鍵字作為變量。在JavaScript中定義了40多個關鍵字,這些關鍵字是JavaScript內部使用的,不能作為變量的名稱。如var、int、double、true不能作為變量的名稱。
在對變量命名時,最好把變量的意義與其代表的意思對應起來,以幫助記憶。
(2)變量的類型
在JavaScript中,變量可以用關鍵字var聲明:
var mytest;
該例子定義了一個mytest變量,但沒有賦予它值。
var mytest="This is a book"
該例子定義了一個mytest變量,同時賦予了它值。
在 JavaScript 中,變量可以不預先聲明,而在使用時再根據數據的類型來明確其變量的類型。例如:
x=100 y="125" xy= true cost=19.5
其中x為整數,y為字符串,xy為布爾型,cost為實型。
(3)變量的聲明及其作用域
JavaScript變量可以在使用前先聲明,并且可賦值。通過使用var關鍵字聲明變量。對變量進行聲明的最大好處就是能及時發現代碼中的錯誤,因為 JavaScript 是采用動態編譯的,而動態編譯時不易發現代碼中的錯誤,特別是變量命名方面。
關于變量,還有一個重要話題,那就是變量的作用域。在 JavaScript 中同樣有全局變量和局部變量。全局變量定義在所有函數體之外,其作用范圍是整個函數;而局部變量定義在函數體之內,只對本函數是可見的,而對其他函數則是不可見的。
1.2.2 調用外部腳本文件
將JavaScript腳本去掉標記后保存為外部文件,擴展名為“.js”。例如,定義一個如下的外部JavaScript文件,并保存成“hello.js”:
alert("您好!");
然后在頁面中進行調用,調用的方法如下所示,其中 src 用來指定文件名及其路徑。在一個HTML文件中調用此文件:
<html> <body> <script language="javascript" src="hello.js"> </script> </body> </html>
當然,直接把JavaScript代碼放在HTML腳本中也能達到同樣的效果,但是這樣的話, JavaScript代碼將被網頁瀏覽者輕而易舉地得到:
<html> <body> <script language="javascript"> alert("您好!"); </script> </body> </html>
- Node.js 10實戰
- 程序設計與實踐(VB.NET)
- Python入門很簡單
- AngularJS Web Application Development Blueprints
- Django Design Patterns and Best Practices
- 匯編語言程序設計(第2版)
- Java程序設計與實踐教程(第2版)
- Mastering JavaScript High Performance
- Node.js 12實戰
- Java EE Web應用開發基礎
- AutoCAD基礎教程
- jQuery Mobile Web Development Essentials(Second Edition)
- 安卓工程師教你玩轉Android
- Vue.js 3.x高效前端開發(視頻教學版)
- MySQL數據庫應用技術及實戰