程序员scholar 程序员scholar
首页
  • Java 基础

    • JavaSE
    • JavaIO
    • JavaAPI速查
  • Java 高级

    • JUC
    • JVM
    • Java新特性
    • 设计模式
  • Web 开发

    • Servlet
    • Java网络编程
  • Web 标准

    • HTML
    • CSS
    • JavaScript
  • 前端框架

    • Vue2
    • Vue3
    • Vue3 + TS
    • 微信小程序
    • uni-app
  • 工具与库

    • jQuery
    • Ajax
    • Axios
    • Webpack
    • Vuex
    • WebSocket
    • 第三方登录
  • 后端与语言扩展

    • ES6
    • Typescript
    • node.js
  • Element-UI
  • Apache ECharts
  • 数据结构
  • HTTP协议
  • HTTPS协议
  • 计算机网络
  • Linux常用命令
  • Windows常用命令
  • SQL数据库

    • MySQL
    • MySQL速查
  • NoSQL数据库

    • Redis
    • ElasticSearch
  • 数据库

    • MyBatis
    • MyBatis-Plus
  • 消息中间件

    • RabbitMQ
  • 服务器

    • Nginx
  • Spring框架

    • Spring6
    • SpringMVC
    • SpringBoot
    • SpringSecurity
  • SpringCould微服务

    • SpringCloud基础
    • 微服务之DDD架构思想
  • 日常必备

    • 开发常用工具包
    • Hutoll工具包
    • IDEA常用配置
    • 开发笔记
    • 日常记录
    • 项目部署
    • 网站导航
    • 产品学习
    • 英语学习
  • 代码管理

    • Maven
    • Git教程
    • Git小乌龟教程
  • 运维工具

    • Docker
    • Jenkins
    • Kubernetes
  • 算法笔记

    • 算法思想
    • 刷题笔记
  • 面试问题常见

    • 十大经典排序算法
    • 面试常见问题集锦
关于
GitHub (opens new window)
首页
  • Java 基础

    • JavaSE
    • JavaIO
    • JavaAPI速查
  • Java 高级

    • JUC
    • JVM
    • Java新特性
    • 设计模式
  • Web 开发

    • Servlet
    • Java网络编程
  • Web 标准

    • HTML
    • CSS
    • JavaScript
  • 前端框架

    • Vue2
    • Vue3
    • Vue3 + TS
    • 微信小程序
    • uni-app
  • 工具与库

    • jQuery
    • Ajax
    • Axios
    • Webpack
    • Vuex
    • WebSocket
    • 第三方登录
  • 后端与语言扩展

    • ES6
    • Typescript
    • node.js
  • Element-UI
  • Apache ECharts
  • 数据结构
  • HTTP协议
  • HTTPS协议
  • 计算机网络
  • Linux常用命令
  • Windows常用命令
  • SQL数据库

    • MySQL
    • MySQL速查
  • NoSQL数据库

    • Redis
    • ElasticSearch
  • 数据库

    • MyBatis
    • MyBatis-Plus
  • 消息中间件

    • RabbitMQ
  • 服务器

    • Nginx
  • Spring框架

    • Spring6
    • SpringMVC
    • SpringBoot
    • SpringSecurity
  • SpringCould微服务

    • SpringCloud基础
    • 微服务之DDD架构思想
  • 日常必备

    • 开发常用工具包
    • Hutoll工具包
    • IDEA常用配置
    • 开发笔记
    • 日常记录
    • 项目部署
    • 网站导航
    • 产品学习
    • 英语学习
  • 代码管理

    • Maven
    • Git教程
    • Git小乌龟教程
  • 运维工具

    • Docker
    • Jenkins
    • Kubernetes
  • 算法笔记

    • 算法思想
    • 刷题笔记
  • 面试问题常见

    • 十大经典排序算法
    • 面试常见问题集锦
关于
GitHub (opens new window)
npm

(进入注册为作者充电)

  • HTML

  • CSS

  • JavaScript

    • 简介和用法
    • 变量和数据类型
      • 1. 变量
        • 1.1 简介
        • 1.2 命名规则
        • 1.3 加号的作用
        • 1.4 字面量
      • 2. 数据类型
        • 2.1 简介
        • 2.2 判断数据类型
        • 2.3 获取用户输入
    • 运算符
    • 数据类型转换
    • 选择结构
    • 循环结构
    • 数组
    • 数组遍历
    • 函数
    • Debug调试
    • DOM
    • 事件处理
    • BOM(浏览器对象模型)
    • 自定义对象
    • 原型 (Prototype)
    • 内置对象
    • 客户端存储
    • 模块加载方案
  • 前端三剑客
  • JavaScript
scholar
2024-07-19
目录

变量和数据类型

# 变量和数据类型

# 1. 变量

# 1.1 简介

在程序运行过程中,其值可以改变的量称为变量。变量是一个数据存储空间的表示,即给内存空间起别名。将数值通过变量进行存储,以便程序随时使用。通俗点来说,变量就是用来存储数据的。

JavaScript是弱变量类型的语言,声明变量只需要使用var、let或const关键字。

语法:var 变量名 = 变量值;

示例:

var name = "Tom";  // 使用 var 声明变量
let age = 25;     // 使用 let 声明变量
const PI = 3.14;  // 使用 const 声明常量
1
2
3

# 1.2 命名规则

规则:

  • 变量名只能由数字、英文字母、下划线(_)以及美元符号($)组成,但不能以数字开头。
  • 不能使用JavaScript中的关键字。
  • 变量名区分大小写。
  • 通常第一个单词首字母小写,其他单词首字母大写(驼峰命名法)。

示例:

var userName = "Alice"; // 正确
var _age = 30;          // 正确
var $salary = 5000;     // 正确
// var 2user = "John";  // 错误,不能以数字开头
1
2
3
4

JavaScript中的关键字:

image-20200720220252920

命名规范:

  • 驼峰命名法:第一个单词首字母小写,其他单词首字母大写,如变量名、方法名、函数名等。

    var firstName = "John";
    
    1
  • 帕斯卡命名法:所有单词首字母大写,如类型名称、构造函数名称等。

    function Person() {}
    
    1

# 1.3 加号的作用

加号(+)在JavaScript中的作用:

  • 字符串连接:两个字符串用加号连接。

    var greeting = "Hello" + " " + "World!";
    console.log(greeting); // 输出 "Hello World!"
    
    1
    2
  • 加法运算:两个数值用加号连接。

    var sum = 10 + 20;
    console.log(sum); // 输出 30
    
    1
    2
  • 字符串和其他值连接:字符串和其他值用加号连接,结果是字符串。

    var message = "The result is: " + 42;
    console.log(message); // 输出 "The result is: 42"
    
    1
    2

# 1.4 字面量

字面量(直接量)表示如何表达这个值,一般除去表达式外,给变量赋值时等号右边都可以认为是字面量。

简单来说,字面上就能明白代码含义。

分类:

  • 字符串字面量(string literal):如 var name = "Tom";
  • 数组字面量(array literal):如 var array = [12, 32];
  • 对象字面量(object literal):如 var stu = {name: "Tom", age: 20};
  • 函数字面量(function literal)

# 2. 数据类型

# 2.1 简介

变量中存储的是什么样的数据,那么这个变量就是什么样类型。

数据类型:

  • string:存储一串字符,用双引号或单引号括起来。

    var name = "Alice";
    
    1
  • number:表示整数或浮点数。

    var age = 30;
    var height = 1.75;
    
    1
    2
  • boolean:表示真假,true或false。

    var isStudent = true;
    
    1
  • undefined:变量被声明了,但未被赋值。

    var a;
    console.log(a); // 输出 undefined
    
    1
    2
  • null:表示空值。

    var person = null;
    
    1

# 2.2 判断数据类型

使用 typeof 运算符判断数据类型。

用法:typeof(变量) 或 typeof 变量

返回值:"string"、"number"、"boolean"、"undefined"、"object"

示例:

var name = "Alice";
console.log(typeof name); // 输出 "string"

var age = 30;
console.log(typeof age); // 输出 "number"

var isStudent = true;
console.log(typeof isStudent); // 输出 "boolean"

var a;
console.log(typeof a); // 输出 "undefined"

var person = null;
console.log(typeof person); // 输出 "object" (这是 JavaScript 的一个特殊现象,null 的类型是 "object")
1
2
3
4
5
6
7
8
9
10
11
12
13
14

# 2.3 获取用户输入

使用 prompt() 函数提示用户输入数据。

语法:prompt("提示信息", "输入框的默认信息");

示例:

var userName = prompt("请输入您的姓名:", "张三");
console.log("您好, " + userName + "!");
1
2

注:prompt() 会弹出一个对话框,提示用户输入数据,返回值是用户输入的字符串。如果用户点击了“取消”按钮,则返回 null。

编辑此页 (opens new window)
上次更新: 2025/01/25, 22:32:05
简介和用法
运算符

← 简介和用法 运算符→

Theme by Vdoing | Copyright © 2019-2025 程序员scholar
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式