虽然不是必需的，但是在一条语句的末尾加上分号是一个很好的习惯。这个习惯可以大大减少代码中产生 bug 的可能性。
Javascript 源码从左往右被扫描并转换成一系列由 token、控制字符、行终止符、注释和空白字符组成的输入元素。空白字符指的是空格、制表符和换行符等。
注释
Javascript 注释的语法和 C++ 或许多其他语言类似：
JSCopy to Clipboard
// 单行注释
/* 这是一个更长的，
多行注释
*/
/* 然而，你不能，/* 嵌套注释 */ 语法错误 */
在代码执行过程中，注释将被自动跳过（不执行）。
备注： 你可能会在一些 JavaScript 脚本中见到像这样 #!/usr/bin/env node 的第三种注释
这种注释我们称为hashbang 注释，这种注释被用来指定执行 JaveScript 脚本的引擎的路径
声明
JavaScript 有三种声明方式。
声明一个变量，可选初始化一个值。
声明一个块作用域的局部变量，可选初始化一个值。
声明一个块作用域的只读常量。
变量
在应用程序中，使用变量来作为值的符号名。变量的名字又叫做标识符，其需要遵守一定的规则。
一个 JavaScript 标识符必须以字母、下划线（_）或者美元符号（$）开头；后续的字符也可以是数字（0-9）。因为 JavaScript 语言是区分大小写的，所以字母可以是从“A”到“Z”的大写字母和从“a”到“z”的小写字母。
你可以使用大部分 ISO 8859-1 或 Unicode 编码的字符作标识符，例如 å 和 ü。你也可以使用 Unicode 转义字符作标识符。
合法的标识符示例：Number_hits、temp99、$credit 和 _name。
声明变量
你可以用以下三种方式声明变量：
- 使用关键词
var。例如var x = 42。这个语法可以用来声明局部变量和全局变量。 - 直接赋值。例如
x = 42。在函数外使用这种形式赋值，会产生一个全局变量。在严格模式下会产生错误。因此你不应该使用这种方式来声明变量。 - 使用关键词
let。例如let y = 13。这个语法可以用来声明块作用域的局部变量。參考下方变量的作用域 (Variable scope)。
你可以使用解构赋值将对象字面量的属性绑定到变量。就像这样 let { bar } = foo。这会创建一个名为 bar 的变量，并且将 foo 对象中属性名与之相同的属性的值赋给它。
你也可以直接给属性赋值。像这样 x = 42。这种声明方式将会创建一个未声明全局变量。这样做还会产生 JavaScript 警告。因为未声明的全局变量常常导致预期之外的行为，所以不建议使用。
变量求值
用 var 或 let 语句声明的变量，如果没有赋初始值，则其值为 undefined。
如果访问一个未声明的变量会导致抛出 ReferenceError 异常：
JSCopy to Clipboard
var a;
console.log("The value of a is " + a); // a 的值是 undefined
console.log("The value of b is " + b); // b 的值是 undefined
var b;
// 在你阅读下面的‘变量声明提升’前你可能会疑惑
console.log("The value of c is " + c); // 未捕获的引用错误：c 未被定义
let x;
console.log("The value of x is " + x); // x 的值是 undefined
console.log("The value of y is " + y); // 未捕获的引用错误：y 未被定义
let y;
你可以使用 undefined 来判断一个变量是否已赋值。在以下的代码中，变量input未被赋值，因此 if (en-US) 条件语句的求值结果是 true。
JSCopy to Clipboard
var input;
if (input === undefined) {
doThis();
} else {
doThat();
}
undefined 值在布尔类型环境中会被当作 false 。例如，下面的代码将会执行函数 myFunction，因为数组 myArray 中的元素未被赋值：
JSCopy to Clipboard
var myArray = [];
if (!myArray[0]) myFunction();
数值类型环境中 undefined 值会被转换为 NaN。
JSCopy to Clipboard
var a;
a + 2; // 计算为 NaN
当你对一个 null 变量求值时，空值 null 在数值类型环境中会被当作 0 来对待，而布尔类型环境中会被当作 false。例如：
JSCopy to Clipboard
var n = null;
console.log(n * 32); // 在控制台中会显示 0
变量的作用域
在函数之外声明的变量，叫做全局变量，因为它可被当前文档中的任何其他代码所访问。在函数内部声明的变量，叫做局部变量，因为它只能在当前函数的内部访问。
ECMAScript 6 之前的 JavaScript 没有语句块作用域；相反，语句块中声明的变量将成为语句块所在函数（或全局作用域）的局部变量。例如，如下的代码将在控制台输出 5，因为 x 的作用域是声明了 x 的那个函数（或全局范围），而不是 if 语句块。
JSCopy to Clipboard
if (true) {
var x = 5;
}
console.log(x); // 5
如果使用 ECMAScript 6 中的 let 声明，上述行为将发生变化。
JSCopy to Clipboard
if (true) {
let y = 5;
}
console.log(y); // ReferenceError: y 没有被声明
变量提升
JavaScript 变量的另一个不同寻常的地方是，你可以先使用变量稍后再声明变量而不会引发异常。这一概念称为变量提升；JavaScript 变量感觉上是被“提升”或移到了函数或语句的最前面。但是，提升后的变量将返回 undefined 值。因此在使用或引用某个变量之后进行声明和初始化操作，这个被提升的变量仍将返回 undefined 值。
JSCopy to Clipboard
/**
* 例子 1
*/
console.log(x === undefined); // true
var x = 3;
/**
* 例子 2
*/
// will return a value of undefined
var myvar = "my value";
(function () {
console.log(myvar); // undefined
var myvar = "local value";
})();
上面的例子，也可写作：
JSCopy to Clipboard
/**
* 例子 1
*/
var x;
console.log(x === undefined); // true
x = 3;
/**
* 例子 2
*/
var myvar = "my value";
(function () {
var myvar;
console.log(myvar); // undefined
myvar = "local value";
})();
由于存在变量提升，一个函数中所有的var语句应尽可能地放在接近函数顶部的地方。这个习惯将大大提升代码的清晰度。
在 ECMAScript 6 中，let 和 const 同样会被提升变量到代码块的顶部但是不会被赋予初始值。在变量声明之前引用这个变量，将抛出引用错误（ReferenceError）。这个变量将从代码块一开始的时候就处在一个“暂时性死区”，直到这个变量被声明为止。
JSCopy to Clipboard
console.log(x); // ReferenceError
let x = 3;
函数提升
对于函数来说，只有函数声明会被提升到顶部，而函数表达式不会被提升。
JSCopy to Clipboard
/* 函数声明 */
foo(); // "bar"
function foo() {
console.log("bar");
}
/* 函数表达式 */
baz(); // 类型错误：baz 不是一个函数
var baz = function () {
console.log("bar2");
};
全局变量
实际上，全局变量是全局对象的属性。在网页中，（译注：缺省的）全局对象是 window ，所以你可以用形如 window.variable 的语法来设置和访问全局变量。
因此，你可以通过指定 window 或 frame 的名字，在当前 window 或 frame 访问另一个 window 或 frame 中声明的变量。例如，在文档里声明一个叫 phoneNumber 的变量，那么你就可以在子框架里使用 parent.phoneNumber 的方式来引用它。
常量
你可以用关键字 const 创建一个只读的常量。常量标识符的命名规则和变量相同：必须以字母、下划线（_）或美元符号（$）开头并可以包含有字母、数字或下划线。
JSCopy to Clipboard
const PI = 3.14;
常量不可以通过重新赋值改变其值，也不可以在代码运行时重新声明。它必须被初始化为某个值。
常量的作用域规则与 let 块级作用域变量相同。若省略 const 关键字，则该标识符将被视为变量。
在同一作用域中，不能使用与变量名或函数名相同的名字来命名常量。例如：
JSCopy to Clipboard
// 这会造成错误
function f() {}
const f = 5;
// 这也会造成错误
function f() {
const g = 5;
var g;
//语句
}
然而，对象属性被赋值为常量是不受保护的，所以下面的语句执行时不会产生错误。
JSCopy to Clipboard
const MY_OBJECT = { key: "value" };
MY_OBJECT.key = "otherValue";
同样的，数组的被定义为常量也是不受保护的，所以下面的语句执行时也不会产生错误。
JSCopy to Clipboard
const MY_ARRAY = ["HTML", "CSS"];
MY_ARRAY.push("JAVASCRIPT");
console.log(MY_ARRAY); //logs ['HTML','CSS','JAVASCRIPT'];
数据结构和类型
数据类型
最新的 ECMAScript 标准定义了 8 种数据类型：
- 七种基本数据类型：
- 布尔值（Boolean），有 2 个值分别是：
true和false。 - null，一个表明 null 值的特殊关键字。JavaScript 是大小写敏感的，因此
null与Null、NULL或变体完全不同。 - undefined，和 null 一样是一个特殊的关键字，undefined 表示变量未赋值时的属性。
- 数字（Number），整数或浮点数，例如：
42或者3.14159。 - 任意精度的整数（BigInt），可以安全地存储和操作大整数，甚至可以超过数字的安全整数限制。
- 字符串（String），字符串是一串表示文本值的字符序列，例如：
"Howdy"。 - 代表（Symbol，在 ECMAScript 6 中新添加的类型）。一种实例是唯一且不可改变的数据类型。
- 布尔值（Boolean），有 2 个值分别是：
- 以及对象（Object）。
虽然这些数据类型相对来说比较少，但是通过他们你可以在程序中开发有用的功能。对象和函数是这门语言的另外两个基本元素。你可以把对象当作存放值的一个命名容器，然后将函数当作你的程序能够执行的步骤。
数据类型的转换
JavaScript 是一种动态类型语言 (dynamically typed language)。这意味着你在声明变量时可以不必指定数据类型，而数据类型会在代码执行时会根据需要自动转换。因此，你可以按照如下方式来定义变量：
JSCopy to Clipboard
var answer = 42;
然后，你还可以给同一个变量赋予一个字符串值，例如：
JSCopy to Clipboard
answer = "Thanks for all the fish...";
因为 JavaScript 是动态类型的，这种赋值方式并不会提示出错。
数字转换为字符串
在包含的数字和字符串的表达式中使用加法运算符（+），JavaScript 会把数字转换成字符串。例如，观察以下语句：
JSCopy to Clipboard
x = "The answer is " + 42; // "The answer is 42"
y = 42 + " is the answer"; // "42 is the answer"
在涉及其他运算符时，JavaScript 语言不会把数字变为字符串。例如：
JSCopy to Clipboard
"37" - 7; // 30
"37" + 7; // "377"
字符串转换为数字
有一些方法可以将内存中表示一个数字的字符串转换为对应的数字。
parseInt 方法只能返回整数，所以使用它会丢失小数部分。另外，调用 parseInt 时最好总是带上进制（radix）参数，这个参数用于指定使用哪一种进制。
将字符串转换为数字的另一种方法是使用一元加法运算符。
JSCopy to Clipboard
"1.1" + "1.1" = "1.11.1"
(+"1.1") + (+"1.1") = 2.2
// 注意：加入括号为清楚起见，不是必需的。
字面量
在 JavaScript 中，你可以使用各种字面量。这些字面量是脚本中按字面意思给出的固定的值，而不是变量。本节将介绍以下类型的字面量：
数组字面量
数组字面值是一个封闭在方括号对 ([]) 中的包含有零个或多个表达式的列表，其中每个表达式代表数组的一个元素。当你使用数组字面值创建一个数组时，该数组将会以指定的值作为其元素进行初始化，而其长度被设定为元素的个数。
下面的示例用 3 个元素生成数组 coffees，它的长度是 3。
JSCopy to Clipboard
var coffees = ["French Roast", "Colombian", "Kona"];
var a = [3];
console.log(a.length); // 1
console.log(a[0]); // 3
备注： 这里的数组字面值也是一种对象初始化器。参考对象初始化器的使用。
若在顶层（全局）脚本里用字面值创建数组，JavaScript 语言将会在每次对包含该数组字面值的表达式求值时解释该数组。另一方面，在函数中使用的数组，将在每次调用函数时都会被创建一次。
数组字面值同时也是数组对象。有关数组对象的详情请参见 Array。
数组字面值中的多余逗号
你不必列举数组字面值中的所有元素。若你在同一行中连写两个逗号（,），数组中就会产生一个没有被指定的元素，其初始值是 undefined。以下示例创建了一个名为 fish 的数组：
JSCopy to Clipboard
var fish = ["Lion", , "Angel"];
在这个数组中，有两个已被赋值的元素，和一个空元素（fish[0] 是 “Lion”，fish[1] 是 undefined，而 fish[2] 是 “Angel”）。
如果你在元素列表的尾部添加了一个逗号，它将会被忽略。在下面的例子中，数组的长度是 3，并不存在 myList[3] 这个元素。元素列表中其他所有的逗号都表示一个新元素（的开始）。
备注： 尾部的逗号在早期版本的浏览器中会产生错误，因而编程时的最佳实践方式就是移除它们。
JSCopy to Clipboard
var myList = ["home", , "school"];
在下面的例子中，数组的长度是 4，元素 myList[0] 和 myList[2] 缺失。
JSCopy to Clipboard
var myList = [, "home", , "school"];
再看一个例子。在这里，该数组的长度是 4，元素 myList[1] 和 myList[3] 被漏掉了。（但是）只有最后的那个逗号被忽略。
JSCopy to Clipboard
var myList = ["home", , "school", ,];
理解多余的逗号（在脚本运行时会被如何处理）的含义，对于从语言层面理解 JavaScript 是十分重要的。但是，在你自己写代码时：显式地将缺失的元素声明为 undefined，将大大提高你的代码的清晰度和可维护性。
布尔字面量
布尔类型有两种字面量：true和false。
不要混淆作为布尔对象的真和假与布尔类型的原始值 true 和 false。布尔对象是原始布尔数据类型的一个包装器。参见布尔对象。
数字字面量
JavaScript 数字字面量包括多种基数的整数字面量和以 10 为基数的浮点数字面量
值得一提的是，语言标准要求数字字面量必须是无符号的。但是像-123.4这样的代码片段还是没有问题的，会被解释为一元操作符-应用于数字字面量123.4
整数字面量
整数可以用十进制（基数为 10）、十六进制（基数为 16）、八进制（基数为 8）以及二进制（基数为 2）表示。
- 十进制整数字面量由一串数字序列组成，且没有前缀 0。
- 八进制的整数以 0（或 0O、0o）开头，只能包括数字 0-7。
- 十六进制整数以 0x（或 0X）开头，可以包含数字（0-9）和字母 a~f 或 A~F。
- 二进制整数以 0b（或 0B）开头，只能包含数字 0 和 1。
严格模式下，八进制整数字面量必须以 0o 或 0O 开头，而不能以 0 开头。
整数字面量举例：
0, 117 and -345 (十进制，基数为 10)
015, 0001 and -0o77 (八进制，基数为 8)
0x1123, 0x00111 and -0xF1A7 (十六进制，基数为 16 或"hex")
0b11, 0b0011 and -0b11 (二进制，基数为 2)
浮点数字面量
浮点数字面值可以有以下的组成部分：
- 一个十进制整数，可以带正负号（即前缀“+”或“-”），
- 小数点（“.”），
- 小数部分（由一串十进制数表示），
- 指数部分。
指数部分以“e”或“E”开头，后面跟着一个整数，可以有正负号（即前缀“+”或“-”）。浮点数字面量至少有一位数字，而且必须带小数点或者“e”（大写“E”也可）。
简言之，其语法是：
JSCopy to Clipboard
[(+|-)][digits][.digits][(E|e)[(+|-)]digits]
例如：
JSCopy to Clipboard
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数Python工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Python开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以扫码获取！！！（备注：Python）
工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！**
因此收集整理了一份《2024年Python开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
[外链图片转存中…(img-C8oqo4yl-1713592828986)]
[外链图片转存中…(img-SOeExepa-1713592828987)]
[外链图片转存中…(img-dtQJuNAL-1713592828987)]
[外链图片转存中…(img-iN1OUWQy-1713592828988)]
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以扫码获取！！！（备注：Python）
6296
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
