本文共 2747 字，大约阅读时间需要 9 分钟。

JavaScript 变量类型

在 JavaScript 中，变量的类型是动态的，不需要事先声明。这意味着变量可以随着代码的执行改变类型。以下是 JavaScript 中常见的变量类型及其示例：

1. String (字符串)

var str1 = 'hello js'; // 创建一个字符串变量

2. Number (数字)

var breadPrice = 15.9; // 浮点型var gameLevel = 66; // 整数// 科学计数法var myMoney1 = 666e5; // 不可约简为 66600000var myMoney2 = -666e-5; // 可约简为 -0.00666

3. Boolean (布尔)

var isUnderstand = true; // 布尔值为真var isSingle = false; // 布尔值为假

4. null (空值)

var haha = null; // null 表示值为“无”或“空值”

5. undefined (未定义)

以下情况会导致变量为 undefined：

• 变量声明后未赋值：

  var obj; alert(obj); // obj 是 undefined

• 使用未初始化的对象属性：

  var student; alert(student.name); // student 是 undefined

• 调用没有传递参数的函数，且形参未赋值为 undefined：

  function printNum(num) {  alert(num);}var result = printNum(); // result 是 undefined

6. 引用类型 (对象、数组、函数)

• 对象 (Object)：由 {} 创建。

  var student = {  name: '张三',  age: 18,  address: '北京市朝阳区'};

  • 公共属性：student.name、student.age、student.address 等。
  • 方法：如 student.printInfo()。

• 数组 (Array)：由 [ ] 创建，支持下标访问和方法调用。

  var list = ['测试数据1', '测试数据2', '测试数据3'];console.log(list.length); // 输出 3

• 函数 (Function)：使用 function 关键字定义。

  function addNumbers(a, b) {  return a + b;}var sum = addNumbers(5, 3); // sum 的值为 8

7. Date (日期)

用于表示日期和时间：

var date1 = new Date(); // 获取当前时间var date2 = new Date(123456789000); // 根据毫秒表示时间var date3 = new Date('2020-12-11 12:11:12'); // 时间字符串格式var date4 = new Date(2020, 11, 11, 12, 11, 12, 123); // 构造日期对象

8. Math (数学)

与 Java 的 Math 类似，提供基本的数值操作函数，如 Math.abs()、Math.max()、Math.log() 等。

// 检查是否是数值console.log(isNaN(666)); // falseconsole.log(isNaN(1 + 2)); // falseconsole.log(isNaN("hello")); // true

9. 正则表达式 (Regular Expression)

用于匹配文本串：

var reg = /kaikeba/i; //CASE_INSENSITIVE flagWorksconsole.log(reg.test("开课吧")); // true

10. 自定义对象 (Custom Objects)

创建具有特定属性和方法的对象：

var student = {  name: '张三',  age: 18,  address: '北京市朝阳区',  printInfo: function() {    alert(this.name + ' (' + this.age + ') ' + this.address);  }};student.printInfo(); // 显示 '张三 (18) 北京市朝阳区'

11. BOM (浏览器对象模型) - Window 对象

• 属性：如 window.location、window.history、window.super ÇÑçagioint。
• 方法：如 window.open()、window.close()、window.scrollTo()。
• 示例:

  // 获取当前页面 URLconsole.log(window.location.href);// 刷新当前页面window.location.reload();// 跳转至 'about.html'window.location.href = 'about.html';

12. 历史记录 (History 对象)

控制浏览器历史记录：

// 后退history.back();// 前进history.forward();// 前进到指定步数history.go(1) //类似前进history.go(-1) //类似后退

13. 表单验证 (Form Validation)

通过 JavaScript 编写表单验证逻辑，增强用户体验：

// 示例：输入为空的反馈function checkRequired(input) {  var value = input.value;  if (value.trim() === '') {    alert('请填写不能为空');    return false;  }  return true;}// 示例：检查手机号正确性function isPhoneValid(input) {  var value = input.value;  var matches = value.match(/1[3-9]\d{9}/);  return matches ? true : alert('请填写正确的手机号码');}

通过以上示例，可以看到 JavaScript 的变量类型是多样化的，既灵活又强大。适当的类型检查和管理，可以提高代码的可靠性和可维护性。

转载地址：http://wnvpz.baihongyu.com/