javascript 变量占用内存大小 js变量有什么用

转载

mob64ca1405d568 2023-10-28 10:25:54

文章标签 javascript 变量占用内存大小 javascript 初始化变量名赋值 文章分类 JavaScript 前端开发

学习目标：

学习JS变量var用法

学习内容：

提示：这里可以添加要学的内容
例如：
1、能够说出变量的主要作用
2、能够写出变量的初始化
3、能够说出变量的命名规范
4、能够画出变量是如何在内存中存储的
5、能够写出交换变量的案例

学习时间：

提示：这里可以添加计划学习的时间
2021/2/5

学习产出：

一、变量的概述

1、简单的说，变量就是一个装东西的盒子。

通俗：相当于有好几个盒子，我门可以给盒子进行编号，分别为1，2，3根据盒子的名字（也就是变量名）打开获得里面的东西（也就是数据），甚至我们可以把里面东西给换掉。

如下图所示：

javascript 变量占用内存大小 js变量有什么用_初始化

2、变量在内存中的存储

本质：变量是程序在内存中申请的一块用来存放数据的空间

如下图所示:

javascript 变量占用内存大小 js变量有什么用_javascript_02

把他看作一个旅馆（内存），建造了两间房子（存放变量的盒子），每个房间有门牌（变量名），可以有门牌去找到相应的房间，在找到里面住的人（变量）
二、变量的使用
	变量在使用时分为两步：1.声明变量 2.赋值

1、声明变量

//声明变量
        var name;

var是一个JS关键字，用来声明变量（variable变量的意思）。使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管
name是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间。
这一步相当于，在内存中间了一个房间，房间门牌号叫name。
2、赋值

//声明变量
        var name;
        name = '张三';
        alert('我的名字是'+name);//返回name

结果为：

javascript 变量占用内存大小 js变量有什么用_变量名_03

3、变量的初始化

var age = 18;//变量的初始化
        alert('我的年龄是'+age);

这是声明一个变量并赋值，我们称之为变量的初始化。（可以发现是字符时需要加单引号）

结果如下：

javascript 变量占用内存大小 js变量有什么用_javascript 变量占用内存大小_04

4、以下做一个小案例：

要求：用JavaScript写一个输入框，存储输入的数据在用alert返回（输入框在上一章有记录，如果不记得的朋友去找找）

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial - scale = 1.0">
        <meta http-equiv="x-UA-Compatible" content="ie=edge">
        <title>Document</title>
        
        <script> 
        var names = prompt('你好请输入您的姓名');
        alert('您的名字是'+names)
        </script>
       
    </head>
    <body>

    </body>
    
</html>

结果如下图所示：

输入张三后点击确定

javascript 变量占用内存大小 js变量有什么用_javascript_05