Web前端开发笔记——第四章 JavaScript程序设计 第二节 变量
目录
- 一、JavaScript中的注释
- 二、变量的命名规则
- 三、变量声明以及赋值
- 四、变量作用域
- 五、变量提升
一、JavaScript中的注释
JavaScript中单行注释通过“//
”,多行注释通过“/*
”开头并以“*/
”结尾。
二、变量的命名规则
JavaScript中命名变量必须以字母开头(也能以 $ 或 _ 符号开头),且变量名不能包含空格和标点符号,另外变量里不能是关键字、保留字作为变量名。
例如:var default、var 2cots、var number first都是错误的命名。
三、变量声明以及赋值
JavaScript中声明一个变量需使用关键字var
,而变量的赋值通过使用=
,也可以通过省略关键字var来声明变量,例如i=1,就没有使用关键字var。
例如,下列HTML代码,可以看出若声明变量但没有赋值在控制台中会显示未定义undefined
,即此时该变量的值为undefined:
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>text1</title></head><body><script>var a;console.log(a);</script></body></html>
控制台中:
例如,下列HTML代码,若未经声明变量而使用变量,则会报错
显示未定义:
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>text1</title></head><body><script>b = 100;console.log(a);</script></body></html>
控制台中:
可以在一条JavaScript语句中声明多个变量
,以 var 开头,且通过使用逗号隔开各个变量即可:
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>text1</title></head><body><script>var a = "HELLO WORLD!",b = "python",c = 123;console.log(a, b, c);</script></body></html>
控制台中:
四、变量作用域
JavaScript中变量分为局部变量
和全局变量
,在函数内声明为局部变量,它只能在函数内使用,即它的变量作用域只作用该函数;而在函数外定义的变量为全局变量,它可以在整个JavaScript代码中使用,另外若在函数内没有通过var关键字声明
该变量,则声明的该变量为全局变量。
例如,下列HTML代码,定义了两个全局变量,一个全局变量是用于F()函数内没有通过var关键字声明变量b,所以它也是个全局变量:
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>text1</title></head><body><script>var i = "HELLO WORLD!";function F() {var a = 123;b = 321;console.log(i);console.log(a);}F();console.log(b);</script></body></html>
控制台中:
五、变量提升
在JavaScript中,执行代码时,先是获取所有被声明被声明的变量,然后再根据代码的顺序一条一条地运行代码,即所有变量声明语句都会被提升到代码的头部执行,也就是变量提升
,另外变量提升只会提升变量的声明而不会把变量赋值也提升。
Web前端开发笔记——第四章 JavaScript程序设计 第二节 变量相关推荐
- Web前端开发笔记——第四章 JavaScript程序设计 第一节 JavaScript的基础语法
目录 一.JavaScript的定义 二.代码的创建和使用 (一)内嵌JavaScript代码 (二)引用JavaScript文件 三.代码的注释 四.输出数据 (一)alert()弹出警告框 (二) ...
- Web前端开发笔记——第四章 JavaScript程序设计 第五节 数组
目录 一.数组的创建 (一)Array()构造函数 (二)字面量方法 二.数组元素的读写和遍历 三.添加和删除数组元素 (一)添加数组元素 (二)删除数组元素 (三)splice()方法 四.二维数组 ...
- Web前端开发笔记——第四章 JavaScript程序设计 第四节 条件语句和循环语句
目录 一.if条件语句 二.while循环语句 (一)while()语句 (二)do--while语句 三.for循环语句 四.switch语句 五.break语句和continue语句 一.if条件 ...
- Web前端开发笔记——第四章 JavaScript程序设计 第三节 数据类型
目录 一.基本数据类型 (一)String类型 (二)Number类型 1.字面量 2.无穷大 3.非数值 (三)Boollean类型 (四)Undefined类型和Null类型 二.引用数据类型 ( ...
- Web前端开发笔记——第三章 CSS语言 第二节 CSS选择器
目录 前言 一.CSS选择器 (一)标签选择器 (二)id选择器 (三)类别选择器 二.针对标签的选择器嵌套 三.集体声明和全局声明 (一)集体声明 (二)全局声明 结语 前言 CSS代码由选择器和一 ...
- Web前端开发笔记——第三章 CSS语言 第一节 CSS的基本概念和样式表
目录 一.CSS和HTML 二.CSS的基本语法格式 三.CSS样式设置 (一)行内样式 (二)内嵌样式 (三)引用外部CSS文件 四.多重样式优先级 结语 一.CSS和HTML CSS,又称为层叠样 ...
- Web前端开发笔记——第三章 CSS语言 第六节 CSS定位
目录 一.定义 二.文档流定位 (一)block类型元素 (二)inline类型元素 (三)inline-block类型元素 三.浮动定位 (一)左浮动和右浮动 (二)清除浮动 四.层定位 (一)st ...
- Web前端开发笔记——第三章 CSS语言 第四节 CSS列表、表格样式
目录 一.CSS列表样式 (一)设计列表项前标志类型 (二)设计列表项前标志位置 (三)设计列表项图片 (四)设计整体列表属性 二.CSS表格样式 (一)设计表格大小 (二)设计表格边框 (三)奇偶选 ...
- Web前端开发笔记——第三章 CSS语言 第七节 圆角边框、阴影
目录 前言 一.圆角边框 (一)border-×-×-radius (二)border-radius 二.阴影 (一)基本阴影设置 (二)内部阴影设置 结语 前言 本节介绍仅在CSS3中的新内容,例如 ...
最新文章
- C#Redis集合set
- 最短路径dijkstra
- openstack-mitaka之Telemetry服务(controller安装部署二)
- 服务器系统检测报告自动生成,生成allure测试报告之后,服务器端口无法访问查看生成的report,可能是这样引起的。...
- VS2010附加进程调试DLL时断点无法断下的解决方法
- 科学计算机简单编程_是“计算机科学”还是“编程”?
- Linux命令——cut命令学习
- 根据Uri获取文件的绝对路径
- 第五章 列表、元组和字符串[DDT书本学习 小甲鱼]【2】
- python编程输入,Python编程:输入变量返回nam
- 使用Linq作为rdlc报表的数据源
- 深圳大学计算机与软件学院自考,如何坐公交 或 地铁去深圳的深圳大学南校区计算机与软件学院自考办| Moovit...
- SECS/GEM如何开发
- 基于STM32单片机的智能电表无线WIFI插座APP电压电流检测方案原理图程序设计
- 简述研究生阶段如何提高自己的学习能力
- 不久的明天,也许是很光明的
- Filed II 自定义二维曲面超声换能器阵列
- 如何自己重装系统win7
- 【笔记】C++ 命令行小游戏 节奏大师(别踩白块) 的制作
- Cannot connect:由于连接方在一段时间后没有正确答复或连接的主机没有反应,连接尝试失败。192.168.0.113:22
热门文章
- 深入理解 MySQL 索引底层原理
- 经典永不过时!重温设计模式
- 好文推荐 | etcd 问题、调优、监控
- 小短文 | 高并发系统,如何计算并发量和峰值数据?
- Kafka参数图鉴——unclean.leader.election.enable
- 做好项目,从正确定义问题开始!
- 腾讯---生成格雷码
- 微软为NBA提供云计算服务、Google公布Fuchsia OS细节、Zoom用户可选择数据库等|Decode the Week...
- 【小程序开发者专享】腾讯云联手多家科技企业,聚焦小程序·云开发实践!...
- centos升级内核