前言
今天主要学习了JS的注释与结束符通俗写法,变量,输入输出,以及JavaScript的小知识,欢迎各位一起讨论学习,喜欢的话就关注我吧
注释
单行注释
符号://
作用://右边这一行的代码会被忽略
快捷键:ctrl+/
块注释
符号:/**/
作用:在/*和*/之间的所有内容都会被忽略
快捷键:shift+alt+a
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
//这是单行注释
/* 这是块注释
可以换行
*/
</script>
</body>
</html>
结束符
作用:使用英文的 ; 代表语句的结束
实际情况:实际开发中,可写可不写,浏览器可以自动推断结束位置
现状:在实际开发中,越来越多人主张,写js代码时忽略结束符,所以为了风格统一,要么统一用结束符,要么都不写
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
alert('我有结束符');
alert('我没有结束符')
</script>
</body>
</html>
输入与输出语法
输出
document.write
翻译:文档.写
作用:向body内输出内容
注意:如果输出内容写的是标签,也会被解析成元素
<body>
<script>
document.write('要输出的内容')
</script>
</body>
alert
翻译:警报
作用:页面弹出警示框
<body>
<script>
alert('要输出的内容')
</script>
</body>
console.log
翻译:操作台.日志
作用:控制台输出语法,程序员调试用
<body>
<script>
console.log('1')
</script>
</body>
输入
prompt
翻译:提示
作用:显示一个对话框,对话框中包含一条文字信息,用来提示用户
展示
<body>
<script>
prompt('请输入您的ID:')
</script>
</body>
变量
介绍:变量是计算机用来储存数据的容器;
注意:变量不是数据本身,它只是储存的容器
声明语法:let+变量名
注意:除了let还有var,let是局部变量,var是全局变量,var的变量提升容易污染代码块,所以现在通常用let;
<body>
<script>
let A;
//let:允许
</script>
</body>
赋值语法:变量名=数值
注:这种操作也叫变量初始化
<body>
<script>
let A;
A=1
</script>
</body>
更新变量
更新语法:重新赋值,一个变量只能储存一个数值
<body>
<script>
let age
age=18
age=19
</script>
</body>
声明多个变量
语法:用逗号隔开
注:为了可读性,并不推荐这么做
<body>
<script>
let aa=18,bb='cc'
</script>
</body>
变量本质
内存:计算机储存数据的地方,相当一个空间
变量:是程序在内存中申请一个储存数据的小空间
命名规则与规范
规则:不能用关键字,只能用下划线,字母,数字,$组成,不能数字开头,字母要严格区分大小写,如:Age和age是完全不同的变量
规范:起名要有意义,遵守小骆驼峰命名法(单词首字母小写,后面每个单词首字母大写,如:userName)
小知识
JavaScript代码执行顺序
1.按html顺序执行JavaScript代码
2.alert和prompt他们会跳过页面渲染先执行