【JavaScript】JavaScript 变量 ① ( JavaScript 变量概念 | 变量声明 | 变量类型 | 变量初始化 | ES6 简介 )

文章目录

一、JavaScript 变量
二、JavaScript 变量示例
- 1、代码示例
- 2、展示效果

一、JavaScript 变量

1、变量概念

JavaScript 变量是用于存储数据的容器 , 通过变量名称 , 可以获取 / 修改变量中的数据 ;

变量的本质是存放数据的一块内存空间 ;

在 JavaScript 中，使用 var / let / const 关键字来声明变量 , 每个变量都有一个变量名和一个变量值 ;

2、变量声明

JavaScript 变量声明 :

var 关键字 : 使用 var 关键字声明变量 , 其作用域是其当前执行上下文 ;

var name = "Tom";
1

let 关键字 : 使用 let 关键字声明变量 , 在 var 的基础上进行了优化 ;

let age = 18;
1

const 关键字 : const 关键字用于声明一个只读的常量 , 常量的值就不能改变 ;

const gender = 0;
1

3、ES6 简介

使用 var 关键字声明变量是传统方式 , 任何时候都可以使用 ;

let 和 const 声明变量的关键字是在 ES6 中引入的 ,

ES6 全称 ECMAScript 2015 , 是JavaScript语言的下一代标准 , 2015 年 6 月正式发布 ; 其目的是使 JavaScript 语言能够用于编写更复杂的大型应用程序 , 进而成为企业级开发语言 ;

ES6 中引入的新特性 :

类 Class
模块 Module
箭头函数 Arrow Function
异步操作 Promise
异步函数 Async/Await

这些特性可以更方便地实现很多复杂的操作 , 提高开发人员的效率 ;

4、变量类型

JavaScript 是一种动态类型语言，不需要在声明变量时指定其类型 ;

JavaScrip 变量的数据类型由设置给变量的值决定 , 变量类型可以在程序执行过程中更改 ;

JavaScript 数据类型 :

Number : 整数和浮点数 ;
String : 文本数据或字符序列 ;
Boolean : true 和 false , 用于进行逻辑运算 ;
Object : 对象类型 ;
- Array : 表示和操作有序的元素集合 ;
- Function : 可调用对象 , 执行特定任务返回结果 ;
- Date : 日期和时间的对象 ;
- RegExp : 正则表达式对象 ;
- Map 和 Set : ES6 引入的新数据结构 , 分别用于存储键值对集合和唯一值集合 ;
Null : 值 null , 表示空值或不存在的对象 ;
Undefined : 值 undefined , 表示未定义类型 ;

5、变量初始化

变量初始化 :

声明时初始化 : 声明变量的同时进行初始化 ;

// 声明变量的同时进行初始化
var name = "Tom";
1
2

声明后初始化 : 先声明变量 , 然后再为其赋值 ;

// 先声明变量
var name;
// 然后为变量赋值
name = "Tom";
1
2
3
4

默认初始化 : 未初始化的变量会自动获得 undefined 值 ;

// 默认初始化 , 默认为 undefined 值
var name;
1
2

二、JavaScript 变量示例

1、代码示例

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScripttitle>
    <style>style>
    <script>
        // 声明变量的同时进行初始化
        var name = "Tom";

        // 声明变量 , 不进行初始化
        let age;
        const gender = 0;

        // 用户输入年龄
        age = prompt();

        // 弹框中显示信息
        alert(name + " is " + age + " years old.")
    script>
head>

<body>
body>

html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

2、展示效果

刷新页面 , 弹出输入框 , 输入年龄值 , 然后弹出警告框 , 显示内容 ;

在这里插入图片描述

相关阅读:
周报6.24~6.30
yapi以及gitlab的容器化部署
SciDAVis for Mac 优秀的类Origin科研绘图软件
Java学习笔记——35多线程02
PHP如何批量修改二维数组中值
[iOS]-pthread、NSThread
外包干了2年，彻底废了...
基于Web的大众汽车租赁系统设计与实现-计算机毕业设计源码+LW文档
get√接口自动化核心知识点浓缩，为面试加分
EtherCAT IGH 的编译选项介绍

原文地址：https://blog.csdn.net/han1202012/article/details/136572528