JavaScript 语法

语法规则定义了语言结构，本章我们将学习 JavaScript 的基础语法

JavaScript 字面量

一般固定值称为字面量，如 3.1415926

数字（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, lengthx = 5
length = 6

变量可以通过变量名访问

在指令式语言中，变量通常是可变的

字面量是一个恒定的值

其实也可以这么理解：变量是一个名称 ，字面量是一个值

JavaScript 操作符

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

(5 + 6) * 10

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

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

JavaScript 有多种类型的运算符

JavaScript 语句

语句是用分号分隔

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

JavaScript 关键字

JavaScript 关键字用于标识要执行的操作

JavaScript 保留了一些关键字为自己所用

var 关键字告诉浏览器创建一个新的变量

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

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

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

下表列出了 JavaScript 中最重要的保留字

JavaScript 注释

不是所有的 JavaScript 语句都是"命令"

双斜杠 // 后的内容将会被浏览器忽略

// 我不会执行

JavaScript 数据类型

JavaScript 有多种数据类型：数字，字符串，数组，对象等等

var length = 16;                // Number 通过数字字面量赋值 
var points = x * 10;           // Number 通过表达式字面量赋值
var lastName = "Johnson";      // String 通过字符串字面量赋值
var letters = ["A", "B", "C"]; // Array  通过数组字面量赋值
var person = {name:"lo", age:28}; // 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 中，常见的是驼峰法的命名规则，如 lastName (而不是lastname)

JavaScript 字符集

JavaScript 使用 Unicode 字符集

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

本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！

链接: https://fly63.com/course/7_471