首页
技术小册
AIGC
面试刷题
技术文章
MAGENTO
云计算
视频课程
源码下载
PDF书籍
「涨薪秘籍」
登录
注册
JavaScript类型:关于类型,有哪些你不知道的细节?
JavaScript对象:面向对象还是基于对象?
JavaScript对象:我们真的需要模拟类吗?
JavaScript对象:你知道全部的对象分类吗?
JavaScript执行(一):Promise里的代码为什么比setTimeout先执行?
JavaScript执行(二):闭包和执行上下文到底是怎么回事?
JavaScript执行(三):你知道现在有多少种函数吗?
JavaScript执行(四):try里面放return,finally还会执行吗?
JavaScript词法:为什么12.toString会报错?
(小实验)理解编译原理:一个四则运算的解释器
JavaScript语法(预备篇):到底要不要写分号呢?
JavaScript语法(一):在script标签写export为什么会抛错?
JavaScript语法(二):你知道哪些JavaScript语句?
JavaScript语法(三):什么是表达式语句?
JavaScript语法(四):新加入的**运算符,哪里有些不一样呢?
HTML语义:div和span不是够用了吗?
HTML语义:如何运用语义类标签来呈现Wiki网页?
CSS语法:除了属性和选择器,你还需要知道这些带@的规则
HTML元信息类标签:你知道head里一共能写哪几种标签吗?
CSS 选择器:如何选中svg里的a元素?
CSS选择器:伪元素是怎么回事儿?
HTML链接:除了a标签,还有哪些标签叫链接?
CSS排版:从毕昇开始,我们就开始用正常流了
HTML替换型元素:为什么link一个CSS要用href,而引入js要用src呢?
HTML小实验:用代码分析HTML标准
CSS Flex排版:为什么垂直居中这么难?
CSS动画与交互:为什么动画要用贝塞尔曲线这么奇怪的东西?
HTML语言:DTD到底是什么?
CSS渲染:CSS是如何绘制颜色的?
CSS小实验:动手做,用代码挖掘CSS属性
HTML·ARIA:可访问性是只给盲人用的特性么?
浏览器:一个浏览器是如何工作的?(阶段一)
浏览器:一个浏览器是如何工作的?(阶段二)
浏览器:一个浏览器是如何工作的(阶段三)
浏览器:一个浏览器是如何工作的?(阶段四)
浏览器:一个浏览器是如何工作的?(阶段五)
浏览器DOM:你知道HTML的节点有哪几种吗?
浏览器CSSOM:如何获取一个元素的准确位置
浏览器事件:为什么会有捕获过程和冒泡过程?
浏览器API(小实验):动手整理全部API
性能:前端的性能到底对业务数据有多大的影响?
工具链:什么样的工具链才能提升团队效率?
持续集成:几十个前端一起工作,如何保证工作质量?
搭建系统:大量的低价值需求应该如何应对?
前端架构:前端架构有哪些核心问题?
当前位置:
首页>>
技术小册>>
深入学习前端重构知识体系
小册名称:深入学习前端重构知识体系
### (小实验)理解编译原理:一个四则运算的解释器 #### 引言 在软件开发的世界里,编译原理是计算机科学中的一项核心知识,它深入探讨了如何将高级编程语言转换为计算机可直接执行的低级指令集。尽管这一过程通常与复杂的编译器相关,但通过构建一个简单的四则运算解释器,我们可以窥见编译原理的冰山一角,理解词法分析、语法分析、语义分析及中间代码生成等基本概念。本章节将通过实践一个小实验——构建一个能够处理加、减、乘、除四则运算的解释器,来加深对编译原理的理解。 #### 一、概述与目标 我们的目标是实现一个基本的四则运算解释器,它能够解析由数字、加号(`+`)、减号(`-`)、乘号(`*`)、除号(`/`)及括号`(`和`)`组成的算术表达式,并计算出结果。这个过程将模拟编译器的几个关键阶段,但我们会以一种更为直观和易于理解的方式呈现。 #### 二、词法分析(Lexical Analysis) 词法分析是编译过程的第一个阶段,它负责将输入的源代码字符串分割成一系列的标记(Tokens),这些标记是编程语言中具有独立意义的最小单位。在我们的四则运算解释器中,标记将包括数字、运算符和括号。 **实现步骤**: 1. **定义Token类型**:首先,我们需要定义可能的Token类型,如`NUMBER`、`PLUS`、`MINUS`、`MULTIPLY`、`DIVIDE`、`LPAREN`(左括号)、`RPAREN`(右括号)以及`EOF`(文件结束符)。 2. **编写词法分析器**:词法分析器(Lexer)读取输入字符串,按照预定的规则(正则表达式等)分割并识别出Token。每识别到一个Token,就将其发送给语法分析器。 ```python import re TOKEN_SPECIFICATION = [ ('NUMBER', r'\b\d+(\.\d*)?\b'), ('PLUS', r'\+'), ('MINUS', r'-'), ('MULTIPLY', r'\*'), ('DIVIDE', r'/'), ('LPAREN', r'\('), ('RPAREN', r'\)'), ('SKIP', r'[ \t]+'), # 忽略空白字符 ('MISMATCH', r'.'), # 其他所有字符都视为错误 ] def tokenize(text): tokens = [] pos = 0 while pos < len(text): match = None for token_name, regex in TOKEN_SPECIFICATION: regex_match = re.match(regex, text[pos:]) if regex_match: match = regex_match break if not match: raise SyntaxError(f'Illegal character {text[pos]}') token_value = match.group(0) if token_name != 'SKIP': tokens.append((token_name, token_value)) pos = match.end(0) return tokens + [('EOF', '')] ``` #### 三、语法分析(Syntax Analysis) 语法分析是编译过程的下一个阶段,它根据语言的语法规则将词法分析器产生的Token序列组合成树状结构(通常称为抽象语法树,AST),以表示程序的语法结构。 **实现步骤**: 1. **定义AST节点**:我们需要定义不同类型的AST节点,如`BinaryOp`(二元运算)、`UnaryOp`(一元运算,尽管在我们的简单四则运算中不需要)、`Number`等。 2. **编写语法分析器**:语法分析器(Parser)使用递归下降法或LL(1)文法等方法,根据Token序列构建AST。 ```python class ExprNode: pass class NumberNode(ExprNode): def __init__(self, value): self.value = float(value) class BinaryOpNode(ExprNode): def __init__(self, left, op, right): self.left = left self.op = op self.right = right def parse_expression(tokens): def parse_factor(): token = tokens.pop(0) if token[0] == 'NUMBER': return NumberNode(token[1]) elif token[0] == 'LPAREN': expr = parse_expression() if tokens[0][0] != 'RPAREN': raise SyntaxError('Missing closing parenthesis') tokens.pop(0) # consume ')' return expr else: raise SyntaxError(f'Unexpected token {token[0]}') def parse_term(): node = parse_factor() while tokens and tokens[0][0] in ('MULTIPLY', 'DIVIDE'): op = tokens.pop(0)[1] right = parse_factor() node = BinaryOpNode(node, op, right) return node def parse_expression(): node = parse_term() while tokens and tokens[0][0] in ('PLUS', 'MINUS'): op = tokens.pop(0)[1] right = parse_term() node = BinaryOpNode(node, op, right) return node return parse_expression() ``` #### 四、语义分析(Semantic Analysis) 虽然在这个简单的解释器中,语义分析可能较为简单(主要检查运算符和操作数的兼容性),但在更复杂的编译系统中,语义分析会检查程序的语义正确性,如类型检查、作用域规则等。 **简化实现**: 对于我们的四则运算解释器,语义分析可能仅限于确保除法的除数不为零。但在实际代码中,由于我们的输入是可控的,并且我们的目标仅是学习,所以可以省略此步骤。 #### 五、解释执行(Interpretation) 在编译原理中,接下来的步骤通常是生成中间代码或直接生成目标代码。但在这里,为了简化,我们将直接通过遍历AST并计算表达式的值来“解释”执行程序。 **实现步骤**: ```python def evaluate(node): if isinstance(node, NumberNode): return node.value elif isinstance(node, BinaryOpNode): left_val = evaluate(node.left) right_val = evaluate(node.right) if node.op == '+': return left_val + right_val elif node.op == '-': return left_val - right_val elif node.op == '*': return left_val * right_val elif node.op == '/': if right_val == 0: raise ZeroDivisionError('Division by zero') return left_val / right_val # 示例使用 tokens = tokenize("3 + 4 * 2 / ( 1 - 5 ) * ( -3.5 / 0.5 ) - 10") ast = parse_expression(tokens) result = evaluate(ast) print(f"Result: {result}") ``` #### 六、总结 通过构建这个简单的四则运算解释器,我们不仅实践了编译原理中的词法分析、语法分析和解释执行等关键步骤,还深刻理解了编程语言如何从文本字符串转化为计算机可执行的指令序列的过程。这个实验虽然简单,但它为我们打开了一扇窥视复杂编译器内部工作机制的大门,为日后深入学习编译原理和技术打下了坚实的基础。
上一篇:
JavaScript词法:为什么12.toString会报错?
下一篇:
JavaScript语法(预备篇):到底要不要写分号呢?
该分类下的相关小册推荐:
web前端开发性能优化实战
零基础学JavaScript
javascript设计模式原理与实战
ES6入门指南
经典设计模式Javascript版
剑指javascript-ES6
Flutter核心技术与实战
剑指javascript
npm script实战构建前端工作流
Javascript编程指南
Javascript重点难点实例精讲(一)
JavaScript面试指南