JavaScript 特性

本章简要回顾了我们到目前为止学习的 JavaScript 特性，特别注意一些微妙之处。

代码结构

语句用分号分隔

alert('Hello'); alert('World');

通常，换行符也作为分隔符，因此也可以使用

alert('Hello')
alert('World')

这称为“自动分号插入”。有时它不起作用，例如

alert("There will be an error after this message")

[1, 2].forEach(alert)

大多数代码风格指南都同意，我们应该在每个语句后加分号。

代码块 {...} 和带有循环等语法结构后不需要分号

          function f() {
  // no semicolon needed after function declaration
}

for(;;) {
  // no semicolon needed after the loop
}
        

…但是，即使我们可以在某处放置“额外”的分号，那也不是错误。它将被忽略。

严格模式

为了完全启用现代 JavaScript 的所有功能，我们应该使用 "use strict" 启动脚本。

          'use strict';

...

该指令必须位于脚本顶部或函数体的开头。

如果没有 "use strict"，所有内容仍然有效，但某些功能的行为将以旧式“兼容”的方式进行。我们通常更喜欢现代行为。

该语言的一些现代功能（如我们将来要学习的类）隐式启用严格模式。

更多内容：现代模式，“use strict”。

变量

可以使用以下方法声明

let
const（常量，不能更改）
var（旧式，稍后会看到）

变量名可以包含

字母和数字，但第一个字符不能是数字。
字符 $ 和 _ 是正常的，与字母相当。
非拉丁字母和象形文字也允许使用，但通常不使用。

变量是动态类型的。它们可以存储任何值

          let x = 5;
x = "John";
        

有 8 种数据类型

number 既用于浮点数也用于整数，
bigint 用于任意长度的整数，
string 用于字符串，
boolean 用于逻辑值：true/false，
null – 具有单个值 null 的类型，表示“空”或“不存在”，
undefined – 具有单个值 undefined 的类型，表示“未分配”，
object 和 symbol – 用于复杂数据结构和唯一标识符，我们尚未学习它们。

typeof 运算符返回一个值类型，有两个例外

          typeof null == "object" // error in the language
typeof function(){} == "function" // functions are treated specially
        

交互

我们使用浏览器作为工作环境，因此基本 UI 功能将是

prompt(question, [default]): 询问一个question，并返回访问者输入的内容或如果他们单击“取消”，则返回null。
confirm(question): 询问一个question并建议在确定和取消之间进行选择。选择以true/false返回。
alert(message): 输出一个message。

所有这些函数都是模态的，它们暂停代码执行并阻止访问者在回答之前与页面进行交互。

例如

let userName = prompt("Your name?", "Alice");
let isTeaWanted = confirm("Do you want some tea?");

alert( "Visitor: " + userName ); // Alice
alert( "Tea wanted: " + isTeaWanted ); // true

更多内容：交互：alert、prompt、confirm。

运算符

JavaScript 支持以下运算符

算术

常规：* + - /，还有用于求余数的%和用于求幂的**。

二进制加号+连接字符串。如果任何操作数是字符串，另一个操作数也会转换为字符串

alert( '1' + 2 ); // '12', string
alert( 1 + '2' ); // '12', string

赋值

有一个简单的赋值：a = b和组合赋值，如a *= 2。

按位

按位运算符在最低的位级别使用 32 位整数：在需要时请参阅文档。

条件

唯一具有三个参数的运算符：cond ? resultA : resultB。如果cond为真，则返回resultA，否则返回resultB。

逻辑运算符

逻辑 AND &&和 OR ||执行短路求值，然后返回它停止的值（不一定为true/false）。逻辑 NOT !将操作数转换为布尔类型并返回反向值。

空值合并运算符

??运算符提供了一种从变量列表中选择已定义值的方法。a ?? b的结果为a，除非它是null/undefined，则为b。

比较

不同类型值的相等性检查==将它们转换为数字（除了null和undefined，它们彼此相等且不等于其他任何值），因此它们相等

alert( 0 == false ); // true
alert( 0 == '' ); // true

其他比较也会转换为数字。

严格相等性运算符===不进行转换：对于它来说，不同类型始终意味着不同的值。

值null和undefined很特殊：它们彼此相等==，不等于其他任何值。

大于/小于比较逐个字符比较字符串，其他类型转换为数字。

其他运算符

还有其他一些运算符，例如逗号运算符。

更多内容：基本运算符，数学、比较、逻辑运算符、空值合并运算符“??”。

循环

我们介绍了 3 种类型的循环

          // 1
while (condition) {
  ...
}

// 2
do {
  ...
} while (condition);

// 3
for(let i = 0; i < 10; i++) {
  ...
}
        

在 for(let...) 循环中声明的变量仅在循环内部可见。但我们也可以省略 let 并重用现有变量。
指令 break/continue 允许退出整个循环/当前迭代。使用标签来中断嵌套循环。

详细信息：循环：while 和 for。

稍后我们将学习更多类型的循环来处理对象。

“switch”结构

“switch”结构可以替换多个 if 检查。它使用 ===（严格相等）进行比较。

例如

let age = prompt('Your age?', 18);

switch (age) {
  case 18:
    alert("Won't work"); // the result of prompt is a string, not a number
    break;

  case "18":
    alert("This works!");
    break;

  default:
    alert("Any value not equal to one above");
}

详细信息：“switch”语句。

函数

我们介绍了在 JavaScript 中创建函数的三种方法

函数声明：主代码流中的函数

          function sum(a, b) {
  let result = a + b;

  return result;
}
        

函数表达式：表达式上下文中的函数

          let sum = function(a, b) {
  let result = a + b;

  return result;
};
        

箭头函数

          // expression on the right side
let sum = (a, b) => a + b;

// or multi-line syntax with { ... }, need return here:
let sum = (a, b) => {
  // ...
  return a + b;
}

// without arguments
let sayHi = () => alert("Hello");

// with a single argument
let double = n => n * 2;
        

函数可能具有局部变量：在其主体或其参数列表中声明的变量。此类变量仅在函数内部可见。
参数可以具有默认值：function sum(a = 1, b = 2) {...}。
函数始终返回某些内容。如果没有 return 语句，则结果为 undefined。

详细信息：请参阅函数、箭头函数，基础知识。

代码结构

严格模式

变量

交互

运算符

循环

“switch”结构

函数

更多内容即将推出

评论

章节

课程导航