重新回顾JS的笔记系列(一)

回顾使用的视频：pink老师的JS视频

网址：JS基础Day1-02-JavaScript简介和体验_哔哩哔哩_bilibili

1. JavaScript(是什么?)

答：是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。

2. JS作用

网页特效
表单验证
数据交互
服务端编程

3. JS组成

ECMAScript（JS语法基础）

例子：变量、分支语句、循环语句、对象等

Web APIS

DOM（页面文档对象模型）：操作文档，比如对页面元素进行移动、大小、添加删除等操作
BOM （浏览器对象模型）：操作浏览器，比如页面弹窗，检测窗口宽度、存储数据到浏览器等等

4.JS的一些概念

我们几乎可以使用 <script> 标签将 JavaScript 程序插入到 HTML 文档的任何位置。标签中包裹了 JavaScript 代码，当浏览器遇到标签，代码会自动运行。

标签形式就是

<script> 
    .....
</script>

<script src="/path/to/script.js"> //相当于将JS外置，单独建立一个文件来放置JS的代码
    alert(1); // 此内容会被忽略，因为设定了 src
</script>

主要来说就是一下几点：

我们可以使用一个 <script> 标签将 JavaScript 代码添加到页面中。
type 和 language 特性（attribute）不是必需的。
外部的脚本可以通过 <script src="path/to/script.js"></script> 的方式插入

tips：

js的代码是可以不用加分号来隔绝语句的，但是在某些特殊情况之下还是会造成一些错误。
注释就直接使用 //或者/**/来书写，区别是前者为1行，后者为包含之内的所有语句。
在大多数的编辑器中，一行代码可以使用 Ctrl+/ 快捷键进行单行注释，诸如 Ctrl+Shift+/ 的快捷键可以进行多行注释（选择代码，然后按下快捷键）。

5.现代模式

使用的原因：ES5 规范增加了新的语言特性并且修改了一些已经存在的特性。为了保证旧的功能能够使用，大部分的修改是默认不生效的，此时需要一个特殊的指令："use strict"
注意点1：确保"use strict" 出现在脚本的最顶部，否则严格模式可能无法启用。
注意点2：一旦进入了严格模式，就没有回头路了。
注意点3：当你使用开发者控制台运行代码时，请注意它默认是不启动 use strict 的。
在控制台上添加"use strict" 的方法：

//方法一
'use strict'; <Shift+Enter 换行>
//  ...你的代码
<按下 Enter 以运行>
    
//方法二
(function() {
  'use strict';

  // ...你的代码...
})()

6.变量

定义：变量是数据的“命名存储”。我们可以使用变量来保存商品、访客和其他信息。

第一个小案例

（直接看pink）

基本格式：

let message;
message = 'Hello'; // 将字符串 'Hello' 保存在名为 message 的变量中

let message2;
message2 = message; // 将字符串 'Hello world' 从变量 hello 拷贝到 message

alert(message); // 显示变量内容
alert(message2); // 显示变量内容

命名格式

变量名称必须仅包含字母、数字、符号 $ 和 _。
首字符必须非数字。

正确示例：

let userName;
let test123;
let $ = 1; 
let _ = 2;
let apple;
let APPLE; //注意变量是区分大小写的

错误示例：

let 1a; // 不能以数字开始
let my-name; // 连字符 '-' 不允许用于变量命名
let let = 5; // 不能用 "let" 来命名一个变量，错误！
let return = 5; // 同样，不能使用 "return"，错误！
//存在保留字列表是不能作为变量来命名的

"use strict";
num = 5; // 错误：num 未定义，在旧版本中是可以使用的

7.常量

声明一个常数（不变）变量，可以使用 const 而非 let：

示例：

const myBirthday = '18.04.1982';
myBirthday = '01.01.2001'; // 错误，不能对常量重新赋值


const COLOR_RED = "#F00";
const COLOR_GREEN = "#0F0";
const COLOR_BLUE = "#00F";
const COLOR_ORANGE = "#FF7F00";//我们通常用大写字母表示“硬编码（hard-coded）”的常量。或者，换句话说就是，当值在执行之前或在被写入代码的时候，我们就知道值是什么了。

// ……当我们需要选择一个颜色
let color = COLOR_ORANGE;
alert(color); // #FF7F00

Last modified on 2023-03-01