学习流程

  1. Unicode 【字符集】
  2. Atom【原子】
  3. Expression【表达式】
  4. Statement【声明】
  5. Structure【结构体】
  6. Program/Module【程序/模块】

    Unicode【字符集】

    基础知识

    定义
    Unicode(中文:万国码、国际码、统一码、单一码)是计算机科学领域里的一项业界标准。它对世界上大部分的文字系统进行了整理、编码,使得电脑可以用更为简单的方式来呈现和处理文字。

起源
Unicode是为了解决传统的字符编码方案的局限而产生的,例如 ISO 8859-1所定义的字符虽然在不同的国家中广泛地使用,可是在不同国家间却经常出现不兼容的情况。很多传统的编码方式都有一个共同的问题,即容许电脑处理双语环境,但却无法同时支持多语言环境

写法

  • 在表示一个 Unicode 的字符时,通常会用“U+”然后紧接着一组十六进制的数字来表示这一个字符。
  • 在基本多文种平面(英语:Basic Multilingual Plane,简写 BMP。又称为“零号平面”、plane 0)里的所有字符,要用四个数字(即两个byte,共16 bits,例如 U+4AE0,共支持六万多个字符);
  • 在零号平面以外的字符则需要使用五个或六个数字。

实例
JavaScript 允许采用\uxxxx形式表示一个字符,其中xxxx表示字符的 Unicode 码点

  1. "\u0061"
  2. >> "a"

但是,这种表示法只限于码点在\u0000~\uFFFF之间的字符。超出这个范围的字符,必须用两个双字节的形式表示。

  1. "\u5389\u5bb3"
  2. >>厉害
  3. "\u20BB7"
  4. >>" 7"

上面代码表示,如果直接在\u后面跟上超过0xFFFF的数值(比如\u20BB7),JavaScript 会理解成\u20BB+7。由于\u20BB是一个不可打印字符,所以只会显示一个空格,后面跟着一个7
ES6 对这一点做出了改进,只要将码点放入大括号,就能正确解读该字符。

  1. "\u{20BB7}"
  2. >> "𠮷"
  3. "\u{41}\u{42}\u{43}"
  4. >> "ABC"
  5. let hello = 123;
  6. hell\u{6F} /
  7. >> 123
  8. '\u{1F680}' === '\uD83D\uDE80'
  9. >> true

JavaScript 共有 6 种方法可以表示一个字符。

  1. '\z' === 'z' // true
  2. '\172' === 'z' // true
  3. '\x7A' === 'z' // true
  4. '\u007A' === 'z' // true
  5. '\u{7A}' === 'z' // true

编码方式

  • 统一码的编码方式与 ISO 10646 的通用字符集概念相对应。当前实际应用的统一码版本对应于 UCS-2,使用 16 位的编码空间。也就是每个字符占用 2 个字节。这样理论上一共最多可以表示 2(即 65536)个字符。基本满足各种语言的使用。实际上当前版本的统一码并未完全使用这 16 位编码,而是保留了大量空间以作为特殊使用或将来扩展。
  • 上述 16 位统一码字符构成基本多文种平面。最新(但未实际广泛使用)的统一码版本定义了 16 个辅助平面,两者合起来至少需要占据 21 位的编码空间,比 3 字节略少。但事实上辅助平面字符仍然占用 4 字节编码空间,与 UCS-4保持一致。
  • 未来版本会扩充到 ISO 10646-1实现级别 3,即涵盖 UCS-4的所有字符。UCS-4是一个更大的尚未填充完全的 31 位字符集,加上恒为 0 的首位,共需占据 32 位,即 4 字节。理论上最多能表示 2个字符,完全可以涵盖一切语言所用的符号。 | 平面 | 始末字符值 | 中文名称 | 英文名称 | | :—-: | :—-: | :—-: | :—-: | | 0号平面 | U+0000 - U+FFFF | 基本多文种平面 | Basic Multilingual Plane,简称BMP | | ··· | ··· | ··· | ··· |

实现方式

  • Unicode的实现方式不同于编码方式。一个字符的 Unicode 编码是确定的。但是在实际传输过程中,由于不同系统平台的设计不一定一致,以及出于节省空间的目的,对 Unicode 编码的实现方式有所不同。Unicode的实现方式称为 Unicode转换格式(Unicode Transformation Format,简称为 UTF)。
  • 如某字符为十六进制编码 4E59 ,按两个字节拆分为 4E 和 59,在 Mac 上读取时是从低字节开始,那么在 Mac OS 会认为此 4E59编码为 594E,找到的字符为“奎”,而在 Windows 上从高字节开始读取,则编码为 U+4E59的字符为“乙”

UTF-8 编码

  • UTF-8是一种非常通用的可变长字符编码方式
  • 可变长编码就是指在针对某个字符进行编码时,他的表示长度是不固定的。像UTF-8里面,ASCII所表示的字符集就是用1 Byte来表示,而大部分汉字则是用3 Byte来表示

UTF-16 编码

  • Unicode字符集的抽象码位映射为16位长的整数
  • UTF-16最少也会用2 Byte来表示一个字符,因此没有办法兼容ASCII编码(ASCII编码使用1 Byte来进行存储)
  • JavaScript 内部,字符以 UTF-16 的格式储存,每个字符固定为2个字节。对于那些需要4个字节储存的字符(Unicode 码点大于0xFFFF的字符),JavaScript 会认为它们是两个字符

学习文档

Unicode学习网址:https://www.fileformat.info/info/unicode/
Unicode中主要看 BlocksCategories

U+000A 回车 LINE FEED (LF) (U+000A)
U+0020 空格 SPACE (U+0020)

字符串的扩展
codePointAt()方法返回的是码点的十进制值,如果想要十六进制的值,可以使用toString方法转换一下

  1. 中文
  2. "厉"转成16进制 "厉害".codePointAt(0).toString(16) \u5389
  3. "害"转成16进制 "厉害".codePointAt(1).toString(16) \u5bb3
  4. var \u5389\u5bb3 = 1;
  5. console.log(厉害);
  6. // 1

String.fromCodePoint()方法,可以识别大于0xFFFF的字符,在作用上,正好与codePointAt()方法相反。

  1. String.fromCodePoint(0x20BB7)
  2. // "𠮷"
  3. String.fromCodePoint(0x78, 0x1f680, 0x79) === 'x\uD83D\uDE80y'
  4. // true

参考链接:https://es6.ruanyifeng.com/#docs/string


JavaScript 词法

四种词法定义

看ECMA文档

  1. InputElementDiv::
  2. WhiteSpace
  3. LineTerminator
  4. Comment
  5. CommonToken
  6. DivPunctuator
  7. RightBracePunctuator
  8. InputElementRegExp::
  9. WhiteSpace
  10. LineTerminator
  11. Comment
  12. CommonToken
  13. RightBracePunctuator
  14. RegularExpressionLiteral
  15. InputElementRegExpOrTemplateTail::
  16. WhiteSpace
  17. LineTerminator
  18. Comment
  19. CommonToken
  20. RegularExpressionLiteral
  21. TemplateSubstitutionTail
  22. InputElementTemplateTail::
  23. WhiteSpace
  24. LineTerminator
  25. Comment
  26. CommonToken
  27. DivPunctuator
  28. TemplateSubstitutionTail

词法分析

  • 词法分析阶段是编译过程的第一个阶段,这个阶段的任务是从左到右一个字符一个字符地读入源程序,即对构成源程序的字符流进行扫描然后根据构词规则识别单词(也称单词符号或符号)
  • ECMAScript 源码文本会被从左到右扫描,并被转换为一系列的输入元素,包括 token、控制符、行终止符、注释和空白符。ECMAScript 定义了一些关键字、字面量以及行尾分号补全的规则。

InputElement

InputElement词法

  • WhiteSpace 空白字符
  • LineTerminator 换行符
  • Comment 注释
  • Token
    • IdentifierName 标识符名称:典型案例就是使用的变量名,注意这里关键字也包含在内。
    • Punctuator 符号:使用的运算符和大括号等符号。
    • NumericLiteral 数字直接量:就是写的数字。
    • StringLiteral 字符串直接量:就是用单引号或者双引号引起来的直接量。
    • Template 字符串模板:用反引号 ` 括起来的直接量。

**

WhiteSpace

  • <HT>(或称<TAB>) 是 U+0009,是缩进 TAB 符,字符串中写的 \t 。tab制表符
  • <VT>U+000B,也就是垂直方向的 TAB 符 \v
  • <FF>U+000CForm Feed,分页符,字符串直接量中写作 \f
  • <SP>U+0020,就是最普通的空格。
  • <NBSP>U+00A0,非断行空格,它是 SP 的一个变体,在文字排版中,可以避免因为空格在此处发生断行,其它方面和普通空格完全一样,&nbsp 重点处理排版
  • <ZWNBSP>(旧称<BOM>) 是 U+FEFF,这是 ES5 新加入的空白符,是Unicode中的零宽非断行空格,在以 UTF 格式编码的文件中,常常在文件首插入一个额外的 U+FEFF,解析 UTF 文件的程序可以根据 U+FEFF 的表示方法猜测文件采用哪种 UTF 编码方式。这个字符也叫做bit order mark。(首行回车,防止有些解析BOM吞了字符)

LineTerminator

四种换行符
:是 U+000A,就是最正常换行符,在字符串中的 \n
:是 U+000D,这个字符真正意义上的回车,在字符串中是 \r
:是 U+2028,是 Unicode 中的行分隔符。 //平时不要用
:是 U+2029,是 Unicode 中的段落分隔符。//平时不要用
注意:换行符会影响 JavaScript 的两个重要语法特性:自动插入分号 和 no line terminator规则。

Comment

单行,多行注释
// 多行注释/ MultiLineCommentChars /

// 单行注释// SingleLineCommentChars

Token

重新分类

  • 帮助程序实现结构Punctuator,Keywords
  • 实际写出来代码包含的有效信息IdentifierNmae,Literal

IdentifierNmae 标识符

Keywords
Identifier
Future reserved Keywords:enum

  • 变量名,不能和关键字重合
  • 属性,能和关键字重合
  • 关键字:await break case catch class const continue debugger default delete do else export extends finally for function if import ininstance of new return super switch this throw try typeof var void while with yield


扩展字符编码笔记:ASCII,Unicode 和 UTF-8 【http://www.ruanyifeng.com/blog/2007/10/ascii_unicode_and_utf-8.html

JavaScript 类型

7大基本类型
Number;String;Boolean;Undefined;Null;Symbol;Object

Number

Number IEEE 754 Double Float
Number中布局

  • Sign(1)
  • Exponent (11)
  • Fraction (52)

语法

  • 8进制 0o10 //8
  • 2进制 0b001 //1
  • 12.3E10 //123000000000

根据浮点数的定义,非整数的 Number 类型无法用 ==(=== 也不行)来比较

关于javaScript中 0.1 + 0.2 == 0.3 ?

  1. console.log( 0.1 + 0.2 == 0.3);
  2. >> false

这是浮点运算特点导致的, 这里错误的不是结论,而是比较的方法,正确的比较方法是使用javaScript提供的最小精度值:EPSILON
Number.EPSILON:两个可表示数字之间的最小间隔

  1. console.log( Math.abs(0.1 + 0.2 - 0.3) <= Number.EPSILON);
  2. >> true

这样的比较输出结果为true检查等式左右两边差的绝对值是否小于最小精度,才是正确的比较浮点数的方法
揭秘 0.1 + 0.2 != 0.3【https://www.barretlee.com/blog/2016/09/28/ieee754-operation-in-js/

String

  • Character 字符
  • Code Point 码点
  • Encoding 编码
    • ASCII (128)
    • Unicode
    • UCS ( U+0000 - U+FFFF)
    • GB ( GB2312、GBK、 GB18030)
    • ISO-8859 欧洲
    • BIG5 繁体中文

语法Grammar ‘ “ \ b f n r t v

转义序列 字符名称 Unicode 编码
\‘ 单引号 0x0027
\” 双引号 0x0022
\ 反斜杠 0x005C
\0 0x0000
\a 警报 0x0007
\b 退格符 0x0008
\f 换页符 0x000C
\n 换行符 0x000A
\r 回车 0x000D
\t 水平制表符 0x0009
\v 垂直制表符 0x000B

Undefined

  • 类型表示未定义,它的类型只有一个值,就是 undefined
  • 任何变量在赋值前是 Undefined 类型、值为 undefined
  • JavaScript 的代码 undefined 是一个变量,而并非是一个关键字,这是 JavaScript 语言公认的设计失误之一
  • 为了避免无意中被篡改,可以使用 void 0 来获取 undefined 值。

Null

  • 与 undefined 不同,null 是 JavaScript 关键字
  • undefined则是一种数据类型,表示未定义
  • null属于对象(object)的一种,意思是该对象为空
    1. typeof null; // object
    2. typeof undefined; // undefined

思考

  1. (1.1+1.3) -2.4 < Number.EPSILON
  2. >> false
  1. var\uFEFFAa=1
  2. >> vara=1
  3. vara=1
  4. >> undefined
  5. a
  6. >> 1

参考链接

  • 正则表达式: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions
  • 揭秘 0.1 + 0.2 != 0.3 https://www.barretlee.com/blog/2016/09/28/ieee754-operation-in-js/
  • ASCII,Unicode 和 UTF-8 : http://www.ruanyifeng.com/blog/2007/10/ascii_unicode_and_utf-8.html

    参考名词

  • 字符集:字符编码(英语:Character encoding)、字集码是把字符集中的字符编码为指定集合中某一对象(例如:比特模式、自然数序列、8 位组或者电脉冲),以便文本在计算机中存储和通过通信网络的传递。常见的例子包括将拉丁字母表编码成摩斯电码和 ASCII。其中,ASCII 将字母、数字和其它符号编号,并用 7 比特的二进制来表示这个整数。通常会额外使用一个扩充的比特,以便于以 1 个字节的方式存储。在计算机技术发展的早期,如 ASCII(1963 年)和 EBCDIC(1964 年)这样的字符集逐渐成为标准。但这些字符集的局限很快就变得明显,于是人们开发了许多方法来扩展它们。对于支持包括东亚 CJK 字符家族在内的写作系统的要求能支持更大量的字符,并且需要一种系统而不是临时的方法实现这些字符的编码。

  • Unicode :中文:万国码、国际码、统一码、单一码。是计算机科学领域里的一项业界标准。它对世界上大部分的文字系统进行了整理、编码,使得电脑可以用更为简单的方式来呈现和处理文字。
  • ASCII :(American Standard Code for Information Interchange,美国信息交换标准代码)是基于拉丁字母的一套电脑编码系统。它主要用于显示现代英语,而其扩展版本延伸美国标准信息交换码则可以部分支持其他西欧语言,并等同于国际标准 ISO/IEC 646。美国信息交换标准代码是这套编码系统的传统命名,互联网号码分配局现在更倾向于使用它的新名字 US-ASCII[2]。美国信息交换标准代码是美国电气和电子工程师协会里程碑之一。
  • Token:记号、标记。JS 里有效的输入元素都可以叫 Token。
  • NBSP :不换行空格(英语:no-break space,NBSP)是空格字符,用途是禁止自动换行。HTML 页面显示时会自动合并多个连续的空白字符(whitespace character),但该字符是禁止合并的,因此该字符也称作“硬空格”(hard space、fixed space)。Unicode 码点为:U+00A0 no-break space。
  • 零宽空格:(zero-width space, ZWSP)是一种不可打印的 Unicode 字符,用于可能需要换行处。在 HTML 页面中,零宽空格可以替代。但是在一些网页浏览器(例如 Internet Explorer 的版本 6 或以下)不支持零宽空格的功能。