JavaScript 1 : JavaScript 教程 2 : JavaScript 简介 3 : JavaScript 用法 4 : JavaScript 输出 5 : JavaScript 语法 6 : JavaScript 语句 7 : JavaScript 注释 8 : JavaScript 变量 9 : JavaScript 数据类型 10 : JavaScript 对象 11 : JavaScript 函数 12 : JavaScript 作用域 13 : JavaScript 事件 14 : JavaScript 字符串 15 : JavaScript 运算符 16 : JavaScript 比较和逻辑运算符 17 : JavaScript If…Else 语句 18 : JavaScript switch 语句 19 : JavaScript for 循环 20 : JavaScript while 循环 21 : JavaScript Break 和 Continue 语句 22 : JavaScript typeof 23 : JavaScript 类型转换 24 : JavaScript 正则表达式 25 : JavaScript 错误 – Throw、Try 和 Catch 26 : JavaScript 调试 27 : JavaScript 变量提升 28 : JavaScript 严格模式 29 : JavaScript 使用误区 30 : JavaScript 表单验证 31 : JavaScript 保留关键字 32 : JavaScript JSON 33 : JavaScript void 34 : JavaScript 代码规范 35 : JavaScript 函数定义 36 : JavaScript 函数参数 37 : JavaScript 函数调用 38 : JavaScript 闭包 39 : JavaScript HTML DOM 40 : JavaScript HTML DOM 改变 HTML 内容 41 : JavaScript HTML DOM 改变 CSS 42 : JavaScript HTML DOM 事件 43 : DOM EventListener 44 : JavaScript HTML DOM 元素 45 : JavaScript 对象 46 : JavaScript Number 对象 47 : JavaScript 字符串(String)对象 48 : JavaScript Date(日期)对象 49 : JavaScript Array(数组)对象 50 : JavaScript Boolean(布尔)对象 51 : JavaScript Math(算数)对象 52 : JavaScript RegExp 对象 53 : JavaScript Window 54 : JavaScript Window Screen 55 : JavaScript Window Location 56 : JavaScript Window History 57 : JavaScript Window Navigator 58 : JavaScript 弹窗 59 : JavaScript 计时事件 60 : JavaScript Cookies 61 : JavaScript 库 62 : JavaScript 测试 jQuery 63 : JavaScript 测试 Prototype 64 : JavaScript 实例 65 : JavaScript 对象实例 66 : JavaScript 浏览器对象实例 67 : JavaScript HTML DOM 实例 68 : JavaScript 总结 69 : JavaScript 对象 70 : HTML DOM 对象

JavaScript 语法


JavaScript 是一个程序语言。语法规则定义了语言结构。


JavaScript 语法

JavaScript 是一个脚本语言。

它是一个轻量级,但功能强大的编程语言。


JavaScript 字面量

在编程语言中,一个字面量是一个常量,如 3.14。

数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)。

3.14  
 
1001  
 
123e5


尝试一下 »

字符串(String)字面量 可以使用单引号或双引号:

"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


尝试一下 »

变量可以通过变量名访问。在指令式语言中,变量通常是可变的。字面量是一个恒定的值。


Note变量是一个名称。字面量是一个值。

JavaScript 操作符

JavaScript使用 算术运算符 来计算值:

(5 + 6) * 10  


尝试一下 »

JavaScript使用赋值运算符给变量赋值:

x = 5  
y = 6  
z = (x + y) * 10


尝试一下 »

JavaScript语言有多种类型的运算符:

类型实例描述
赋值,算术和位运算符=  +  -  *  /在 JS 运算符中描述
条件,比较及逻辑运算符==  != <  > 在 JS 比较运算符中描述



JavaScript 语句

在 HTML 中,JavaScript 语句向浏览器发出的命令。

语句是用分号分隔:

x = 5 + 6;  
y = x * 10;



JavaScript 关键词

JavaScript 语句通常于关键词为开头。 var 关键词告诉浏览器创建一个新的变量:

var x = 5 + 6;  
var y = x * 10;




JavaScript 关键字

和其他任何编程语言一样,JavaScript 保留了一些关键字为自己所用。

JavaScript 同样保留了一些关键字,这些关键字在当前的语言版本中并没有使用,但在以后 JavaScript 扩展中会用到。

JavaScript 关键字必须以字母、下划线(_)或美元符($)开始。

后续的字符可以是字母、数字、下划线或美元符(数字是不允许作为首字符出现的,以便 JavaScript 可以轻易区分开关键字和数字)。

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

abstractelseinstanceofsuper




booleanenumintswitch




breakexportinterfacesynchronized




byteextendsletthis




casefalselongthrow




catchfinalnativethrows




charfinallynewtransient




classfloatnulltrue




constforpackagetry




continuefunctionprivatetypeof




debuggergotoprotectedvar




defaultifpublicvoid




deleteimplementsreturnvolatile




doimportshortwhile




doubleinstaticwith





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 参考手册。


您知道吗?

Note
JavaScript 中,常见的是驼峰法的命名规则,如 lastName (而不是lastname)。
关注极客云图了解更多内容