首頁 web前端 js教程 【JavaScript教學】JavaScript 語法

【JavaScript教學】JavaScript 語法

Dec 24, 2016 pm 02:30 PM

JavaScript 語法

JavaScript 是一個程式語言。語法規則定義了語言結構。

JavaScript 語法

JavaScript 是一個腳本語言。

它是一個輕量級,但功能強大的程式語言。

JavaScript 字面量

在程式語言中,一個字面量是一個常數,如 3.14。

數字(Number)字面量 可以是整數或是小數,或是科學計數(e)。

3.14

1001

123e5
登入後複製

字串(String)字面量 可以使用單引號或雙引號be written with double or single quotes:

"John Doe"

'John Doe'
登入後複製

表達式字面量 用於計算:

5 + 6

5 * 10
登入後複製

數組(Array)字面量定義一個陣列

[40, 100, 1, 5, 25, 10]
登入後複製

物件(Object)字面量 定義物件:

{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
登入後複製

函數(Function)字面量 定義一個函數:

function myFunction(a, b) { return a * b;}
登入後複製

JavaScript 變數

在程式語言中,變數用於儲存資料值。

JavaScript 使用關鍵字 var 定義變量, 使用等號來為變數賦值:

var x, length

x = 5

length = 6
登入後複製

變數可以透過變數名稱存取。在指令式語言中,變數通常是可變的。字面量是一個恆定的值。


變數是一個名稱。字面量是一個值。


   

JavaScript 運算子

JavaScript使用 算術運算子 來計算值:

(5 + 6) * 10
登入後複製

JavaScriptScript使用賦值運算子給變數值

Type

實例

描述

賦值,算術和位元運算子   =  +  -  *  /   運算>     在JS 比較運算符中描述

   

JavaScript 語句

在HTML 中,JavaScript 語句向瀏覽器發出的命令。


語句是用分號分隔:

x = 5
y = 6
z = (x + y) * 10
登入後複製

JavaScript 關鍵字

JavaScript 語句通常於關鍵字為開頭。 var 關鍵字告訴瀏覽器建立一個新的變數:

x = 5 + 6;
y = x * 10;
登入後複製

JavaScript 識別碼

和其他任何程式語言一樣,JavaScript 保留了一些識別碼為自己所用。

JavaScript 同樣保留了一些關鍵字,這些關鍵字在目前的語言版本中並沒有使用,但在以後 JavaScript 擴充功能中會用到。

JavaScript 識別碼必須以字母、底線(_)或美元符($)開始。

後續的字元可以是字母、數字、底線或美元符(數字是不允許作為首字出現的,以便 JavaScript 可以輕易區分開識別碼和數字)。

以下是JavaScript 中最重要的保留字(按字母順序):

abstract    else    instanceof    super    

🠎

break    export    interface    synchronized    

byte    extends  

case    false    long    throw    

catch final native throws

char finally new transient

class float null true

const for package try

continue function private typeof

debugger goto protected var

default if public void

delete implements return volatile

do import short while

double in static with

JavaScript 注释

不是所有的 JavaScript 语句都是"命令"。双斜杠 // 后的内容将会被浏览器忽略:

// 我不会执行

JavaScript 数据类型

JavaScript 有多种数据类型:数字,字符串,数组,对象等等:

var length = 16;                                  // Number 通过数字字面量赋值 
var points = x * 10;                              // Number 通过表达式字面量赋值
var lastName = "Johnson";                         // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值
登入後複製

数据类型的概念

编程语言中,数据类型是一个非常重要的内容。

为了可以操作变量,了解数据类型的概念非常重要。

如果没有使用数据类型,以下实例将无法执行:

16 + "Volvo"
登入後複製

16 加上 "Volvo" 是如何计算呢? 以上会产生一个错误还是输出以下结果呢?

"16Volvo"
登入後複製

你可以在浏览器尝试执行以上代码查看效果。

在接下来的章节中你将学到更多关于数据类型的知识。

JavaScript 函数

JavaScript 语句可以写在函数内,函数可以重复引用:

引用一个函数 = 调用函数(执行函数内的语句)。

function myFunction(a, b) {
    return a * b;                                // 返回 a 乘于 b 的结果
}
登入後複製

JavaScript 对大小写敏感。

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时,请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样,变量 myVariable 与 MyVariable 也是不同的。

JavaScript 字符集

JavaScript 使用 Unicode 字符集。

Unicode 覆盖了所有的字符,包含标点等字符。

如需进一步了解,请学习我们的 完整 Unicode 参考手册。

您知道吗?

JavaScript 中,常见的是驼峰法的命名规则,如 lastName (而不是lastname)。    

 以上就是【JavaScript教程】JavaScript 语法的内容,更多相关内容请关注PHP中文网(www.php.cn)!


本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它們
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何創建和發布自己的JavaScript庫? 如何創建和發布自己的JavaScript庫? Mar 18, 2025 pm 03:12 PM

文章討論了創建,發布和維護JavaScript庫,專注於計劃,開發,測試,文檔和促銷策略。

如何在瀏覽器中優化JavaScript代碼以進行性能? 如何在瀏覽器中優化JavaScript代碼以進行性能? Mar 18, 2025 pm 03:14 PM

本文討論了在瀏覽器中優化JavaScript性能的策略,重點是減少執行時間並最大程度地減少對頁面負載速度的影響。

前端熱敏紙小票打印遇到亂碼問題怎麼辦? 前端熱敏紙小票打印遇到亂碼問題怎麼辦? Apr 04, 2025 pm 02:42 PM

前端熱敏紙小票打印的常見問題與解決方案在前端開發中,小票打印是一個常見的需求。然而,很多開發者在實...

如何使用瀏覽器開發人員工具有效調試JavaScript代碼? 如何使用瀏覽器開發人員工具有效調試JavaScript代碼? Mar 18, 2025 pm 03:16 PM

本文討論了使用瀏覽器開發人員工具的有效JavaScript調試,專注於設置斷點,使用控制台和分析性能。

誰得到更多的Python或JavaScript? 誰得到更多的Python或JavaScript? Apr 04, 2025 am 12:09 AM

Python和JavaScript開發者的薪資沒有絕對的高低,具體取決於技能和行業需求。 1.Python在數據科學和機器學習領域可能薪資更高。 2.JavaScript在前端和全棧開發中需求大,薪資也可觀。 3.影響因素包括經驗、地理位置、公司規模和特定技能。

如何使用源地圖調試縮小JavaScript代碼? 如何使用源地圖調試縮小JavaScript代碼? Mar 18, 2025 pm 03:17 PM

本文說明瞭如何使用源地圖通過將其映射回原始代碼來調試JAVASCRIPT。它討論了啟用源地圖,設置斷點以及使用Chrome DevTools和WebPack之類的工具。

如何使用JavaScript將具有相同ID的數組元素合併到一個對像中? 如何使用JavaScript將具有相同ID的數組元素合併到一個對像中? Apr 04, 2025 pm 05:09 PM

如何在JavaScript中將具有相同ID的數組元素合併到一個對像中?在處理數據時,我們常常會遇到需要將具有相同ID�...

console.log輸出結果差異:兩次調用為何不同? console.log輸出結果差異:兩次調用為何不同? Apr 04, 2025 pm 05:12 PM

深入探討console.log輸出差異的根源本文將分析一段代碼中console.log函數輸出結果的差異,並解釋其背後的原因。 �...

See all articles