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 原博客的作者是一个非常牛逼的前端大神,我作为一个初学者,在此借助大神的博客进行自己的学习.在这里 ...

随机推荐

Gradle基础
什么是Gradle? Gradle是一种依赖管理工具,基于Groovy语言,面向Java应用为主,它抛弃了基于XML的各种繁琐配置,取而代之的是一种基于Groovy的内部领域特定(DSL)语言. Gr ...
iOS设置文字过长时的显示格式
以label为例: //设置文字过长时的显示格式 aLabel.lineBreakMode = UILineBreakModeMiddleTruncation; //截去中间 aLabel.lineB ...
nodejs API
1.querystring参数处理序列化 > querystring.stringify({'name':'scott',course:['jade','node'],from:''}) 'n ...
使用T-SQL进行活动目录查询
最近在某个项目中,需要针对TFS的用户按照所属的AD组来进行数据分析,但发现TFS中并没有存储用户所属的组信息,故考虑直接从AD中提取这个信息并存放在SQL Server的数据库表里面去. 经过一番G ...
substring -----截取字符串
var str = "0123456789"; substring alert(str.substring(0));------------"0123456789&quo ...
Maven项目无法引入 Maven Dependencies Libraries 问题
昨天在check下来maven项目之后一些配置好了,就是下载不是maven 依赖库,后面再网上找到如下解决方案. 在.classpath文件中加入如下代码就好了. <classpathentry ...
js 求时间差
var date1=new Date(); //开始时间 var date2=new Date(); //结束时间 var date3=date2.getTime()-date1.getTim ...
编写Java应用程序。首先，定义一个时钟类——Clock，它包括三个int型成员变量分别表示时、分、秒，一个构造方法用于对三个成员变量（时、分、秒）进行初始化，还有一个成员方法show()用于显示时钟对象的时间。其次，再定义一个主类——TestClass，在主类的main方法中创建多个时钟类的对象，使用这些对象调用方法show()来显示时钟的时间。
package com.hanqi.test; public class Clock { int hh; int mm; int ss; String time; Clock(int h,int m, ...
烂泥：puppet3.7安装与配置
本文由秀依林枫提供友情赞助,首发于烂泥行天下. 有关服务器的自动化管理,这方面以前没有接触过.打算这段时间把这块知识给补上. 现在服务器自动化管理软件,使用最多也最火的就是puppet了. 那么我们今 ...
struts请求源码的跟踪
最近工作任务不是很紧,时间也不能白白浪费,以前常用的struts2框架源码没去了解过,所以就跟踪一下struts2的整个执行过程.由于本人也是抱着学习的态度来阅读掩码,若文章在表述和代码方面如有不妥之 ...