JavaScript 5. 语法
JavaScript 5. 语法
文章目录
1. JavaScript 字面量
在编程语言中,一般固定值称为字面量,如 3.14
。
数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 123e5;
</script>
</body>
</html
输出:
12300000
字符串(String)字面量 可以使用单引号或双引号:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 'John Doe';
</script>
</body>
</html>
输出:
John Doe
表达式字面量 用于计算:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 * 10;
</script>
</body>
</html>
输出:
50
数组(Array)字面量 定义一个数组:
[40, 100, 1, 5, 25, 10]
对象(Object)字面量 定义一个对象:
{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
函数(Function)字面量 定义一个函数:
function myFunction(a, b) { return a * b;}
2. JavaScript 变量
编程语言中,变量用于存储数据值。
JavaScript 使用关键字 var
来定义变量, 使用等号来为变量赋值:
var x, length
x = 5
length = 6
实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p id="demo"></p>
<script>
var length;
length = 6;
document.getElementById("demo").innerHTML = length;
</script>
</body>
</html>
输出:
6
3. JavaScript 操作符
JavaScript使用 算术运算符 来计算值:
- (5 + 6) * 10
实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = (5 + 6) * 10;
</script>
</body>
</html>
输出:
110
JavaScript使用赋值运算符给变量赋值:
x = 5
y = 6
z = (x + y) * 10
实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p id="demo"></p>
<script>
var x, y, z;
x = 5;
y = 6;
z = (x + y) * 10;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
输出:
110
JavaScript语言有多种类型的运算符:
类型 | 实例 | 描述 |
---|---|---|
赋值,算术和位运算符 | = + - * / | 在 JS 运算符中描述 |
条件,比较及逻辑运算符 | == != < > | 在 JS 比较运算符中描述 |
4. JavaScript 语句
在 HTML 中,JavaScript 语句用于向浏览器发出命令。
语句是用分号分隔:
x = 5 + 6;
y = x * 10;
5. JavaScript 关键字
JavaScript 关键字用于标识要执行的操作。
和其他任何编程语言一样,JavaScript 保留了一些关键字为自己所用。
var 关键字告诉浏览器创建一个新的变量:
var x = 5 + 6;
var y = x * 10;
JavaScript 同样保留了一些关键字,这些关键字在当前的语言版本中并没有使用,但在以后 JavaScript 扩展中会用到。
以下是 JavaScript 中最重要的保留关键字(按字母顺序):
abstract | else | instanceof | super |
---|---|---|---|
boolean | enum | int | switch |
break | export | interface | synchronized |
byte | extends | let | this |
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 |
6. JavaScript 注释
不是所有的 JavaScript 语句都是"命令"。双斜杠 //
后的内容将会被浏览器忽略:
// 我不会执行
7. 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 通过对象字面量赋值
8. 数据类型的概念
编程语言中,数据类型是一个非常重要的内容。
为了可以操作变量,了解数据类型的概念非常重要。
如果没有使用数据类型,以下实例将无法执行:
16 + "Volvo"
16 加上 “Volvo” 是如何计算呢? 以上会产生一个错误还是输出以下结果呢?
"16Volvo"
9. JavaScript 函数
JavaScript 语句可以写在函数内,函数可以重复引用:
引用一个函数 = 调用函数(执行函数内的语句)。
function myFunction(a, b) {
return a * b; // 返回 a 乘以 b 的结果
}
10. JavaScript 字母大小写
JavaScript 对大小写是敏感的。
当编写 JavaScript 语句时,请留意是否关闭大小写切换键。
- 函数
getElementById
与getElementbyID
是不同的。 - 同样,变量
myVariable
与MyVariable
也是不同的。
11. JavaScript 字符集
JavaScript 使用 Unicode 字符集。
Unicode 覆盖了所有的字符,包含标点等字符。
相关文章
- javascript中全局变量的定义
- JavaScript富应用MVC MVVM框架
- JavaScript加载与执行
- [Javascript] Link to Other Objects through the JavaScript Prototype Chain (Object.setPrototypeOf())
- [Javascript] Wait for Multiple JavaScript Promises to Settle with Promise.allSettled()
- [Javascript] Compose multiple functions for new behavior in JavaScript
- 生成javascript正则表达式语法图
- JAVASCRIPT 浏览器兼容性问题及解决方案列表
- JavaScript和angularJs语法支持严格模式:”use strict”
- [Javascript] Filter out Duplicates from Flat JavaScript Array with array.filter / reduce / Set
- [Javascript] Link to Other Objects through the JavaScript Prototype Chain (Object.setPrototypeOf())
- [Javascript] Broadcaster + Operator + Listener pattern -- 3 Stop with condition
- [Javascript] Conditionally spread entries to a JavaScript object
- [Testing] Config jest to test Javascript Application -- Part 2
- [Javascript] Delegate JavaScript (ES6) generator iteration control
- Javascript 学习 笔记三
- atitit.javascript js 上传文件的本地预览
- QCRTGraph for JavaScript/TypeScript Crack
- JavaScript基础语法(流程控制语句)
- JavaScript基础语法(运算符)
- 力扣——587. 安装栅栏(多种Java做法、JavaScript、C、python3做法)
- 【华为OD机试 2023】天然蓄水库(C++ Java JavaScript Python)
- JavaScript三种弹出框(alert,confirm和prompt)用法举例