【二】JavaScript基本语法
【二】JavaScript基本语法
【1】注释
- javascript中有2种注释写法。
- 注释在程序中时经常见到的,主要写给程序员查看。
- 一般良好的程序,往往一个源码文件中有1/4或者1/3内容就是注释。
// 单行注释
/*
多行注释
多行注释
*/
【2】变量
-
variable,变量就是一个容器,用来代表数据在程序内部执行的。
-
javascript代码不需要缩进,但是为了维护时查看方便,建议还是进行缩进编写。
(1)变量的声明
// 声明变量的基本语法:
var 变量名 = 值; // 定义全局变量,全局范围可用
let 变量名 = 值; // 定于局部变量,尽在当前作用域下可用
const 变量名 = 值; // 定义常量,一旦定义以后,值不能改变。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// 变量的声明,变量如果首次出现,强烈建议使用var或者let关键字作为变量声明的前缀语句
var num = 200;
alert(num);
let age = 17;
alert(age);
// 变量声明完成以后,后续的变量使用就不需要var或let关键字
num = 300; // 修改变量的值,如果当前变量是首次出现,则表示赋值
alert(num);
age = age + 1; // 变量的叠加
alert(age);
// 一旦定义以后,值不可变的变量,叫常量[constant variable]
const URL = "http://www.baidu.com"
alert(URL)
// 错误的操作:重新给一个常量进行赋值。
// URL = "http://www.tmall.com"
// alert(URL)
// var 与 let 的区别
{
let i =20;
console.log(i);
}
// let的作用域级别是语句级别,var的作用域级别是函数级别,所以基于let本身的特点,在工作中使用最多的就是let。建议少用var,除非声明全局变量。
console.log("i最终的值是", i);
</script>
</body>
</html>
变量的值可以修改
-
使用 = 即可进行值的替换。
-
注意:常量是不能二次赋值的。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// 关于变量的修改
var num = 100
num = 200
console.log(num)
let num2 = 200
num2 = 400
console.log(num2)
const num3 = 300
num3 = 400
console.log(num3)
// 除了const声明的常量以外,所有的变量都可以进行值的修改操作
</script>
</body>
</html>
变量的值可以删除
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// 变量的声明,变量如果首次出现,强烈建议使用var或者let关键字作为变量声明的前缀语句
var num = 200;
console.log(num);
// 要删除一个变量,只能通过把这个变量值改成undefined
num = undefined;
console.log(num);
// 当然,js也有垃圾回收机制,所以页面中所有js代码执行完成以后,变量等信息也会被系统回收。
</script>
</body>
</html>
(2)变量名命名规范
1. 变量名不能是js中的保留字和关键字。
关键字:编程语言中,用来进行语法相关的关键词,例如:function, delete, var, let, if..else, class ...,
保留字:编程语言中,将来有可能用作关键字的词语,例如:goto....to...def...pass..
2. 变量名区分大小写,对大小写敏感。
声明的变量在使用时,针对大小写字母是区分的。
a 和 A 是不同的。
3. 变量名只能由字母,数字和美元符$以及下划线_组成,不能以数字开头。
var a-b = 100; // 报错,a-b不是合法变量名
本文来自博客园,作者:Chimengmeng,转载请注明原文链接:https://www.cnblogs.com/dream-ze/p/17525626.html

浙公网安备 33010602011771号