Javascript学习笔记(基础知识)
Hello,World!
Script标签
Javascript程序可以在<script>标签下插入到HTML文档的任何地方。
例:
<!DOCTYPE HTML>
<html>
<body>
<p>script 标签之前...</p>
<script>
alert('Hello, world!');
</script>
<p>...script 标签之后</p>
</body>
</html>
<script>标签中包裹里Javascript代码,当浏览器遇到<script>标签,代码会自动运行。
外部脚本
如果有大量的Javascript代码,就可以将它们放入一个单独的文件里。
脚本文件可以通过src特性添加到HTML文件中。
<script src="/path/to/script.js"></script>
其中,/path/to/script.js是脚本文件从网站根目录开始的绝对路径,也可以使用相对路径,例如src = "script.js"表示当前文件夹中的"script.js"文件,也可以添加一个完整的URL路径,例如:
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>
要添加多个脚本,使用多个标签即可。
代码结构
语句
语句是执行行为的语法结构和命令。语句之间可以使用分号来进行分割。
例如:alert("hello");alert("world!");
当存在换行符时,大多数情况下可以省略分号,例:
alert("hello")
alert("world!")
注释
单行注释以//开始,它可以独占一行,或者跟在一条语句的后面。
多行注释以"/"开始,"/"结束,如果在其中加入代码,代码并不会执行。
例:
/*
alert("hello");
*/
alert("world!");
变量
变量是数据的命名存储,我们可以使用变量来保存各种信息。
在Javascript中创建一个变量,我们需要用到let关键字。
例: let message; //创建名为message的变量
也可以为变量赋值并访问它:
let message = 'hello';
alert(message);
也可以一次性声明多个变量,可以采用以下的形式:
let user = 'john',
age = 25,
message = 'hello';
变量命名
Javascript中,变量的命名有两个限制:
- 变量的名字必须仅包含字母、数字、符号
$和_ - 首字符必须为非数字
正确的命名:let userName;
错误的命名:let 123ab;
JavaScript中可以使用任何语言作为变量命名,但是不推荐,如:
let 我 = '';
一般来说,使用英文进行变量命名是国际惯例,所以尽量使用英文命名。
常量
声明一个常量,可以使用const关键字。
例: const date = '2021.3.30';
使用const声明的变量不可以被修改,如果修改就会报错。
大写形式的常数
一个很普遍的做法是将常量起一个别名,在实际使用时更容易记住,通常使用大写字母和下划线来命名。
例:
const COLOR_RED = '#F00';
const COLOR_GREEN = '#0F0';
const COLOR_BLUE = '00F';
let color = COLOR_RED;
alert(color);
这样可以提高代码的可读性,也减小了出错的几率。
正确命名变量
给变量起一个好的名字非常重要,一个变量名字应该有清晰、明显的含义,让人一看就知道是什么用处。
一些可以参考的命名规则:
- 使用易读的命名,比如
userName,userPassword等。 - 不要使用
a,b,c这种缩写或意义不明的变量名称,除非注释非常详细。 - 变量的名称在能做到准确描述的同时应尽量简洁,例如
value这个名称就有些不准确。但如果上下文能够明显看出来变量的含义,也可以使用。 - 术语要和团队保持一致,如果网站的访客成为“用户”,那变量最好使用
newUser,而不是newVisitor。

浙公网安备 33010602011771号