JS 参考手册学习笔记
数据类型
JavaScript 中有以下 7 种数据类型:
- 原始类型(Primitive types)
- 数字(Number)
- 字符串(String)
- 布尔值(Boolean)
- 空(Null)
- 未定义(Undefined)
- Symbol
- 引用类型(Reference types)
- 对象(Object)
数字
JavaScript 中的数字包括整数和浮点数。JavaScript 使用 IEEE 754 标准来表示所有数字。
以下是一些数字的例子:
javascriptCopy Codevar num1 = 42; // 整数
var num2 = 3.14; // 浮点数
var num3 = 2e10; // 科学计数法表示的数字
字符串
在 JavaScript 中,字符串是用引号(单引号或双引号)括起来的文本。
以下是一些字符串的例子:
javascriptCopy Codevar str1 = 'Hello, world!'; // 使用单引号
var str2 = "It's a nice day."; // 使用双引号
var str3 = `My name is ${name}.`; // 使用模板字面量,可以插入变量
布尔值
布尔值只有两个取值:true
和 false
。
以下是一些布尔值的例子:
javascriptCopy Codevar bool1 = true;
var bool2 = false;
空和未定义
变量可以被赋予一个空值(null
)或未定义(undefined
)。
以下是一些空值和未定义的例子:
javascriptCopy Codevar empty = null;
var undef = undefined;
Symbol
Symbol 是 ECMAScript 6 新增的原始属性,表示一个独一无二的值。它主要用于对象属性的键名。
以下是一些符号的例子:
javascriptCopy Codevar sym1 = Symbol('foo');
var sym2 = Symbol('bar');
对象
对象是 JavaScript 中唯一的引用类型。对象是一组属性的集合。
以下是一个对象的例子:
javascriptCopy Codevar obj = {
name: 'Alice',
age: 25,
city: 'Shanghai'
};
对象属性可以通过点语法或方括号语法来访问:
javascriptCopy Codeobj.name; // 等同于 obj['name']
obj.age; // 等同于 obj['age']
obj.city; // 等同于 obj['city']
控制流程
在 JavaScript 中,可以使用条件语句、循环语句和函数等结构来控制程序的流程。
条件语句
条件语句根据指定的条件来执行不同的代码块。
以下是一个条件语句的例子:
javascriptCopy Codeif (score >= 90) {
console.log('优秀');
} else if (score >= 80) {
console.log('良好');
} else if (score >= 70) {
console.log('中等');
} else if (score >= 60) {
console.log('及格');
} else {
console.log('不及格');
}
循环语句
循环语句可以重复执行某段代码。
以下是一个 while 循环的例子:
javascriptCopy Codevar i = 0;
while (i < 10) {
console.log(i);
i++;
}
以下是一个 for 循环的例子:
javascriptCopy Codefor (var i = 0; i < 10; i++) {
console.log(i);
}
函数
函数是 JavaScript 中的一种基本结构,用于封装可复用的代码块。函数有参数和返回值。
以下是一个函数的例子:
javascriptCopy Codefunction add(a, b) {
return a + b;
}
var result = add(1, 2);
console.log(result); // 输出 3
DOM 操作
DOM(Document Object Model)是 HTML 文档的对象模型,它提供了一组 API 来访问和操作文档。
以下是一个修改元素文本的例子:
htmlCopy Code<!DOCTYPE html>
<html>
<head>
<title>DOM 操作</title>
</head>
<body>
<div id="content">Hello, world!</div>
<button onclick="changeText()">点击这里</button>
<script>
function changeText() {
var content = document.getElementById('content');
content.innerText = '你好,世界!';
}
</script>
</body>
</html>
以上代码会在页面上渲染一个带有文本和一个按钮的 div 元素。当用户点击按钮时,页面上的文本会被修改为“你好,世界!”