HTML 学习笔记 JavaScript (变量)

1.变量概述

1.1 什么是变量

通俗来讲变量就是一个装东西的盒子

变量是用于存放数据的容器我们通过变量名获取数据设置数据可以修改。

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

类似于一个酒店的房间一个房间可以看作一个变量

2 变量的使用

变量在使用时分为两步: 1. 声明变量 2 赋值

2.1 声明变量

var age; //声明一个名称为age的变量

var 是一个JS关键字用来声明变量使用该关键字声明变量后计算机会自动为变量分配内存空间。

age 是变量名我们需要通过变量名来访问内存中分配的空间。

2.2 变量赋值

age = 18; //变量赋值

2.3 变量的初始化

//变量的初始化  声明+赋值

var height = 180;

变量的使用案例:

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <script>

        var myName = '卡卡西';

        var adress = '火影村';

        var email = 'kakaxi@ka.com'

        console.log(myName + adress + email)

    </script>

</head>

案例二：

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <script>

        // 用户输入姓名 存储到一个myName的变量中

        var myName = prompt('请输入您的名字')

        // 输出用户名

        alert(myName)

    </script>

</head>

3 变量的语法扩展

3.1 更新变量

一个变量重新赋值后它原有的值就会被覆盖变量值将以最后一次的赋值为准。

可以同时声明多个变量。

var age = 18,address = '火影村'

4 变量的命名规范

由字母(A-Za-z) 数字(0-9) 下划线(_) 美元符号($)组成

严格区分大小写

不能以数字开头

不能是关键字保留字例如 var for while

变量名必须有意义

遵守驼峰命名法首字母小写后面单词的首字母需要大写 myFirstName

交换变量案例：

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <script>

        var a = 15,

            b = 18,

            c;

        c = a;

        a = b;

        b = c;

        console.log(a);

        console.log(b);

    </script>

</head>

HTML 学习笔记 JavaScript (变量)的更多相关文章

ES6学习笔记之变量的解构赋值
变量的解构赋值 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构. 数组的解构赋值以前,为变量赋值,只能直接指定值: 1 2 3 var a = 1; var b = 2; ...
学习笔记---Javascript事件Event、IE浏览器下的拖拽效果
学习笔记---Javascript事件Event.IE浏览器下的拖拽效果 1. 关于event常用属性有returnValue(是否允许事件处理继续进行, false为停止继续操作).srcE ...
《JavaScript高级程序设计》学习笔记(3)——变量、作用域和内存问题
欢迎关注本人的微信公众号"前端小填填",专注前端技术的基础和项目开发的学习. 本节内容对应<JavaScript高级程序设计>的第四章内容. 1.函数:通过函数可以封装 ...
HTML 学习笔记 JavaScript（面向对象）
现在让我们继续跟着大神的脚步前进学习一下JavaScript中的面向对象的思想,其实作为一个iOS开发者,对面向对象还是比较熟悉的,但是昨晚看了一下Js中的面向对象,妈蛋一脸萌比啊.还好有大神.让 ...
批处理学习笔记3 - 变量声明和goto代替while循环
批处理中没有while循环,只能用goto代替.下面是代码 @echo off set /a i = 0 :again echo %i% set /a i= %i% + 1 if %i% lss 10 ...
[JS学习笔记]Javascript事件阶段：捕获、目标、冒泡
当你在浏览器上点击一个按钮时,点击的事件不仅仅发生在按钮上,同时点击的还有这个按钮的容器元素,甚至也点击了整个页面. 事件流事件流描述了从页面接收事件的顺序,但在浏览器发展到第四代时,浏览器开发团队 ...
HTML 学习笔记 JavaScript (函数)
函数是由事件驱动的或者当他被调用时执行的可重复使用的代码块实例 <!DOCTYPE html> <html> <head> <script> func ...
[JavaScript] 学习笔记-JavaScript基础教程
1.JavaScript介绍 1)JavaScript是互联网上最流行的脚本语言,这门语言可用于Web和HTML,更可广泛用于服务器.pc端.移动端.JavaScript是一种轻量级的编程语言,插入H ...
HTML 学习笔记 JavaScript (prototype)
原博地址:http://www.cnblogs.com/dolphinX/p/3286177.html 原博客的作者是一个非常牛逼的前端大神,我作为一个初学者,在此借助大神的博客进行自己的学习.在这里 ...

随机推荐

服务 {49A27252-A326-4EF1-B698-6EBC7068833C} 的计时器作业 id {573BE459-DF82-481C-84BD-CA14D287450B} 配置刷新的上一个实例仍在运行，因此将跳过当前的实例。请考虑增加作业之间的时间间隔。
在SharePoint2007的错误日志中发现大量如下错误: 07/02/2013 16:17:25.99 OWSTIMER.EXE (0x0958) 0x097C Window ...
Android开发拾遗（一）用Wi-Fi连接adb
可以用Wi-Fi通过标准的TCP/IP连接来连接Android设备. 这在开发监听USB相关事件的应用程序时会特别有用,原因是USB连接会起到干扰作用,比如USB的连接/断开事件. 首先要像通常一样用 ...
redis使用笔记
mysql---select * from table where xx;insert into table(name1,name2..) values(value1,value2);delete f ...
PHP导出数据库方法
(1)定义一个db_dump函数如下: <?PHP function db_dump($host,$user,$pwd,$db) { $mysqlconlink = mysql_connect( ...
plsql 查询结果窗口不正常
今天发现了一个很有趣的现象,一个查询语句查出来的结果窗口只显示一部分. 是因为查询语句中有全角的字符或者空格: 如果是sqlServer的话直接就报错了,而plsql不报错,显示如下
RabbitMq 技术文档
RabbitMq 技术文档目录 1 AMQP简介 2 AMQP的实现 3 RabbitMQ简介 3.1 概念说明 3.2 消息队列的使用过程 3.3 RabbitMQ的特性 4 RabbitMQ使用 ...
Runtime.exec() sucks!!!!
自己项目中使用到了 Runtime rt = Runtime.getRuntime(); Process p = rt.exec("query session");p.waitFo ...
C语言(函数)学习之index、rindex
函数定义:char *index(const char *s, int c); 头文件: #include strings.h 函数说明:index()用来找出参数s 字符串中第一个出现的参数c ...
win7下Qt5使用mysql C++编程配置
先下载mysql的库文件链接:http://files.cnblogs.com/files/xiaobo-Linux/mysql.zip 把两个文件放入 Qt目录\Qt5.5.0\5.5\mingw4 ...
Windows批处理：自动检查服务器连通性
该技术与上一篇<自动检查网络连通性>的实现原理相同,我将脚本稍微改动了下,用于检查公司服务器的连通性,简单快捷.在这里附上修改方法. @echo off color 1F title 服务 ...