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
posted @ 2021-03-30 16:21  皆守  阅读(74)  评论(0)    收藏  举报