【学习 JavaScript】 JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 字符串模板 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语句 JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JS 函数 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 JS 类 JavaScript 类 JavaScript 类继承 JavaScript 静态方法 JS HTML DOM DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JS 高级教程 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JS 浏览器BOM JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JS 库 JavaScript 库 JavaScript 测试 jQuery JavaScript 测试 Prototype JS 实例 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JS 参考手册

JS 参考手册学习笔记

数据类型

JavaScript 中有以下 7 种数据类型:

  • 原始类型(Primitive types)
    • 数字(Number)
    • 字符串(String)
    • 布尔值(Boolean)
    • 空(Null)
    • 未定义(Undefined)
    • Symbol
  • 引用类型(Reference types)
    • 对象(Object)

数字

JavaScript 中的数字包括整数和浮点数。JavaScript 使用 IEEE 754 标准来表示所有数字。

以下是一些数字的例子:

javascriptCopy Code
var num1 = 42; // 整数 var num2 = 3.14; // 浮点数 var num3 = 2e10; // 科学计数法表示的数字

字符串

在 JavaScript 中,字符串是用引号(单引号或双引号)括起来的文本。

以下是一些字符串的例子:

javascriptCopy Code
var str1 = 'Hello, world!'; // 使用单引号 var str2 = "It's a nice day."; // 使用双引号 var str3 = `My name is ${name}.`; // 使用模板字面量,可以插入变量

布尔值

布尔值只有两个取值:truefalse

以下是一些布尔值的例子:

javascriptCopy Code
var bool1 = true; var bool2 = false;

空和未定义

变量可以被赋予一个空值(null)或未定义(undefined)。

以下是一些空值和未定义的例子:

javascriptCopy Code
var empty = null; var undef = undefined;

Symbol

Symbol 是 ECMAScript 6 新增的原始属性,表示一个独一无二的值。它主要用于对象属性的键名。

以下是一些符号的例子:

javascriptCopy Code
var sym1 = Symbol('foo'); var sym2 = Symbol('bar');

对象

对象是 JavaScript 中唯一的引用类型。对象是一组属性的集合。

以下是一个对象的例子:

javascriptCopy Code
var obj = { name: 'Alice', age: 25, city: 'Shanghai' };

对象属性可以通过点语法或方括号语法来访问:

javascriptCopy Code
obj.name; // 等同于 obj['name'] obj.age; // 等同于 obj['age'] obj.city; // 等同于 obj['city']

控制流程

在 JavaScript 中,可以使用条件语句、循环语句和函数等结构来控制程序的流程。

条件语句

条件语句根据指定的条件来执行不同的代码块。

以下是一个条件语句的例子:

javascriptCopy Code
if (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 Code
var i = 0; while (i < 10) { console.log(i); i++; }

以下是一个 for 循环的例子:

javascriptCopy Code
for (var i = 0; i < 10; i++) { console.log(i); }

函数

函数是 JavaScript 中的一种基本结构,用于封装可复用的代码块。函数有参数和返回值。

以下是一个函数的例子:

javascriptCopy Code
function 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 元素。当用户点击按钮时,页面上的文本会被修改为“你好,世界!”