JS知识点超干货笔记（第一弹）--附图片

1.单行注释

单行注释以两个斜杠开头，如下所示：

// 单行注释

2.块级注释

块级注释以一个斜杠和两个星号开头，以一个星号和一个斜杠结尾，如下所示：

/*
 * 注释
 * 注释
 */

注释的内容少，可以用单行注释，内容多，就使用块级注释.

3.字符串

什么是字符串呢?简单的说就是用引号引起来的就是字符串，这里的引号可以是单引号('')也可以是双引号("").

切记：输入引号的时候，一定要切换为英文输入法.

中文添加引号

下面两种都是字符串：

// 双引号
"字符串";
​
// 单引号
'字符串';

英文添加引号

下面两种都是字符串

// 双引号
"Tom";
​
// 单引号
'Tom';

字母添加引号

字母在一些编程语言中被视为字符，在这里你可以将它视为字符串，下面两种都是字符串：

// 双引号
"T";
​
// 单引号
'T';

数字添加引号

数字不添加引号的时候，不是字符串，但是添加了引号以后就会变成字符串：

// 双引号，字符串
"12";
​
// 单引号，字符串
'1';

谨记数字和字符串的区别

4.console 访问控制台

JavaScript 与我们之前学习的HTML/CSS不一样的是，它的输出结果不是在浏览器的页面中显示，而是在控制台中显示.

console表示访问控制台，log()表示在控制台输出信息，中间用点(.)连接，完整的写法是：

console.log("要输出的内容");

大家不用纠结console.log()是什么，因为这是浏览器内置对象，也就是浏览器自带的，我们只要记住这句话可以在控制台输出信息即可.

将输出语句写在script标签内，完整的写法如下：

<script>console.log("Hello World");</script>

JavaScript代码写在HTML代码内部的写

5.模版字符串

在一般的字符串中，如果我们要将字符串和变量拼接起来，要用加号（+）去拼接，例如：

let firstName = "胡";
let lastName = "雪岩";
​
let say = "大家好，我姓" + firstName + "，名" + lastName;
​
console.log(say);

反引号（``） 占位符 ${ }

可以看的出，这个写法非常的繁琐，模版字符串就可以简化书写，模版字符串的核心是反引号（``）和 占位符 ${expression}，反引号的作用是将字符串和变量包起来，占位符的作用就是在字符串中插入变量。

记住占位符的语法：${变量名}

比如上面的代码我们可以使用模版字符串来进行改造：

let firstName = "胡";
let lastName = "雪岩";
​
let say = `大家好，我姓${firstName}，名${lastName}`;
​
console.log(say);

6.转义符

转义符在模版字符串和一般的字符串中都很常见，比如说我们要写下面这段代码：

let str = "华为正式发布操作系统---"鸿蒙OS"";
console.log(str);

这样的写法是错误的，但是我们就想在双引号里面写双引号，怎么办呢？这里就要用到转义符（\），在前后双引号前面添加一个转义符（\），代码如下：

let str = "华为正式发布操作系统---\"鸿蒙OS\"";
console.log(str);

这里因为文档格式化的原因，没办法写出转义符号，其实应该是这样的"华为正式发布操作系统---"鸿蒙 OS""

同样的，如果我们想要在模版字符串中使用反引号（`），也可以在模版字符串中的前面添加一个转义符（\），如：

let firstName = "胡";
let lastName = "雪岩";
​
let say = `大家好，我姓${firstName}，名${lastName}，喜欢\`看书\``;
​
console.log(say);

7.多行字符串拼接

再比如我们要输出一首古诗，使用一般的字符串我们就要用到\n 来换行，代码如下：

let str = "春眠不觉晓\n" + "处处闻啼鸟\n" + "夜来风雨声\n" + "花落知多少\n";
console.log(str);

但是使用模版字符串，只需要回车就好，代码如下：

let str = `春眠不觉晓
处处闻啼鸟
夜来风雨声
花落知多少`;
​
console.log(str);

8.模版字符串中使用三元表达式

这里我们就不去管字符串拼接的表达式了，直接使用模版字符串来写三元表达式，先写一个最简单的:

let str = `这里是${false ? "浙江" : "江苏"}`;
​
console.log(str); // 江苏

很容易可以看的出，输出结果是江苏，那么我们做更深一步的书写，加大难度：

let str = `这里是${true ? "江苏" : "浙江"}-${true ? "南京" : "常州"}`;
​
console.log(str); // 这里是江苏-南京

9.使用 let 。const定义变量

• 关键字： 编程语言中特定的单词;

• 变量名： 用于保存值的占位符;

• 赋值符号： 将值赋给变量的符号;

let和const异同点一：

• let定义的变量可以被多次重新赋值

let name = "Bob";
console.log(name); // Bob
​
name = "Tom";
console.log(name); // Tom

• const定义的变量只能赋值一次

const name = "Bob";
console.log(name); // Bob
​
name = "Tom"; // 报错
console.log(name); // 不执行

let和const异同点二：

• let定义变量的时候，可以不赋初始值

let age;
console.log(age); // undefined

• const定义变量的时候，要赋初始值，否则会报错

const age; // 报错
console.log(age);  // 不执行

10.制表符

文字之间的间距可以使用制表符，例如：

console.log("姓名\t年龄\t\t性别\t\t班级\t\t\t\t学校")
​
console.log(name1 + "\t" + age1 + "\t\t" + sex1 + "\t\t" + class1 + "\t\t" + school