0108 The Modern JavaScript Tutorial — JavaScript Specials 📌
JavaScript 特性
-
代码结构:大多数代码风格指南都认为我们应该在每个语句后面都加上分号。在代码块
{...}后以及有代码块的语法结构(例如循环)后不需要加分号。 -
严格模式:为了完全启用现代 JavaScript 的所有特性,我们应该在脚本顶部写上
"use strict"指令。 - 可以使用以下方式声明 变量:
letconst(不变的,不能被改变)var
- 一个变量名可以由以下组成:
- 字母和数字,但是第一个字符不能是数字。
- 字符
$和_是允许的,用法同字母。 - 非拉丁字母和象形文字也是允许的,但通常不会使用。
- 有 8 种 数据类型:
number— 可以是浮点数,也可以是整数,bigint— 用于任意长度的整数,string— 字符串类型,boolean— 逻辑值:true/false,null— 具有单个值null的类型,表示“空”或“不存在”,undefined— 具有单个值undefined的类型,表示“未分配(未定义)”,object和symbol— 对于复杂的数据结构和唯一标识符,我们目前还没学习这个类型。
typeof运算符返回值的类型,但有两个例外:typeof null == "object" // JavaScript 编程语言的设计错误 typeof function(){} == "function" // 函数被特殊对待- 交互
我们使用浏览器作为工作环境,所以基本的 UI 功能将是:prompt(question[, default])提出一个问题question,并返回访问者输入的内容,如果他按下「取消」则返回null。confirm(question)提出一个问题question,并建议用户在“确定”和“取消”之间进行选择。选择结果以true/false形式返回。alert(message)输出一个消息message。 这些函数都会产生 模态框,它们会暂停代码执行并阻止访问者与页面的其他部分进行交互,直到用户做出回答为止。
- 运算符
- 算数运算符 常规的:
+ - * /(加减乘除),取余运算符%和幂运算符**。二进制加号+可以连接字符串。如果任何一个操作数是一个字符串,那么另一个操作数也将被转换为字符串 - 赋值 简单的赋值:
a = b和合并了其他操作的赋值:a *= 2。 - 按位运算符 按位运算符在最低位级上操作 32 位的整数
- 三元运算符 唯一具有三个参数的操作:
cond ? resultA : resultB。如果cond为真,则返回resultA,否则返回resultB。 - 逻辑运算符 逻辑与
&&和或||执行短路运算,然后返回运算停止处的值(true/false不是必须的)。逻辑非!将操作数转换为布尔值并返回其相反的值。 - 空值合并运算符
??运算符从一列变量中,选取值为已定义的值(defined value)的变量。a ?? b的结果是a,除非a为null/undefined,这时结果是b。 - 比较运算符 对不同类型的值进行相等检查时,运算符
==会将不同类型的值转换为数字(除了 null 和 undefined,它们彼此相等而没有其他情况),所以下面的例子是相等的:alert( 0 == false ); // true alert( 0 == '' ); // true
- 算数运算符 常规的:
-
循环
在for(let...)循环内部声明的变量,只在该循环内可见。但我们也可以省略let并重用已有的变量。 指令break/continue允许退出整个循环/当前迭代。使用标签来打破嵌套循环。 - “switch” 结构
“switch” 结构可以替代多个if检查。它内部使用===(严格相等)进行比较。 - 函数
- 1.函数声明:主代码流中的函数 2.函数表达式:表达式上下文中的函数 3.箭头函数
- 函数可能具有局部变量:在函数内部声明的变量,或在其参数列表中。这类变量只在函数内部可见。
- 参数可以有默认值:
function sum(a = 1, b = 2) {...}。 - 函数总是返回一些东西。如果没有
return语句,那么返回的结果是undefined。