IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> JavaScript自学笔记【3】变量的命名与赋值 -> 正文阅读

[JavaScript知识库]JavaScript自学笔记【3】变量的命名与赋值

文章目录

一、变量是什么?

????????js是一门脚本语言,有些时候要对html文件或浏览器中的属性进行获取,从而赋予一些动作,为了防止大量的代码重复,可以把一些属性获取到,并赋予给一个变量,进而对这个变量进行一些操作,大大的提高了代码效率。

????????可以用于保存任何类型的数据。每个变量只不过时一个用于保存任意值的命名占位符。有三个关键字可以用来声明变量:var、const、let。其中,var在ECMAScript所有版本中都可以使用,而const和let只能在ECMAScript6及更晚的版本中使用。

二、变量的命名

1.变量的命名规则

1.不能使用数字开头。????????

2.不可以使用关键字和保留字。

3.只可以使用由数字、字母、下划线‘_’、美元符‘&’的组合(并且满足1,2)。

4.可以使用汉字进行命名,但是不推荐。

单个命名

????????var a;

多个命名(变量之间用逗号分割)

????????var a,b;

2.关键字与保留字

(1)关键字

????????在对变量进行命名时,如果命名成为关键字,那么就会报错,以及对总体代码有一定的影响。ECMA-262第六版的所有关键字:(由于js区分大小写,可以通过变化大小写来命名)

break? ?do? ?in? typeof? case? ?else? ?instanceof? ? var? ?catch? export? ?new? ?void? ?class? ?extends? return? ?while? ?continue? ?const? finally? super? ?with? ?for? ?switch? ?yield? ? debugger? ?function? this? ?default? if? throw? ?delete? import? ?try??

(2)保留字

在未来可能会被当作关键字的词汇。

????????始终保留:enum

????????严格模式下保留:implements? ?package? ?public? ?interface? ?protected? ?static? ?let? ?private??

????????模块代码中保留:await

3.变量的命名风格

(1)一定要语义化:一看就大概明白是什么意思,对于自己和别人的代码阅读来说,很方便。

(2)驼峰命名:

????????大驼峰:JavaScript? 每个单独的单词首字母都大写

? ? ? ? 小驼峰:javaScript? ?第一个单词首字母小写,之后的单词首字母都大写? ? ? ? ? ??


三、变量的赋值

单变量的赋值:

var a = 1;

多变量的赋值:

var a = 1,

? ? ? ? b = 3,

? ? ? ? c = 29;

如果只是变量声明,而没有赋值,在控制台会输出undefined(默认undefined)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
	<script type="text/javascript">
		var a;
		console.log(a)
	</script>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
	<script type="text/javascript">
		var a=30,
			b=20;
		console.log(a)
		console.log(b)
	</script>
</html>

?

?

总结

我在学校做过几个团队的前端项目,很多时候就是因为命名导致后期总和的时候有问题,命名格式一定要规范,要语义化。当然变量像其他语言一样也会有作用域,我会在接下来的函数部分说明一下。

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-07-16 11:11:21  更:2021-07-16 11:13:33 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/3 10:35:51-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码