人机交互原理及应用第六次实验报告

引言

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
(1)脚本语言。JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。
(2)基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。
(3)简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。
(4)动态性。JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。
(5)跨平台性。JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提上机器上的浏览器支 持JavaScript脚本语言,目前JavaScript已被大多数的浏览器所支持。
今天我们将开始JavaScript的学习我们将制作一个堆栈stack，实现栈的进栈，出栈，查询等操作。同时把该数据保存为json格式的文件；并能从文件读取到内存中

过程：

第一步：数据结构的编辑

JavaScript中可以用var声明变量，几乎没有什么限制，这个变量可以用来存放任意的内容。为了显示堆栈的查找和存储内容我们采用如下的形式。

变量

第二步：创建JSON文件

JSON是一种轻量级的数据交换格式。采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。JSON特点：对象表示为键值对、数据由逗号分隔、花括号保存对象、方括号保存数组。我们可以先建立一个数组，保存为json格式。 JSON

第三步：读取JSON文件

利用JavaScript的fs文件来读取JSON文件，赋值到变量data。data里面的数据都是二进制数据，需要使用toString转换为字符串。再将字符串转换为json对象，方便处理。 读取JSON

第四步：对文件进行读取、增加、删除、查找操作。

转化为json对象后是一个数组类型的对象。读取操作直接用console.log()可以直接展示json对象的数据。增加操作直接利用data.push()即可，再利用writefile将数据写入；删除操作利用data.splice(i,1)即可，再利用writefile将数据写入；利用id遍历可以进行查询操作。

读取
增加
删除
查询

第四步：调用各个函数

在函数外调用各个函数进行增加删除查询操作。 调用

第五步：运行

利用nodejs运行。下载安装nodejs后再命令行中通过node模式输入文件路径运行。

开始运行
运行结果

总结

JavaScript语法没有太多约束，十分自由，但这也让大规模的编程增加了困难。面向对象的编程还是较为方便的。
由于JavaScript的跨平台性且不需要服务器支持，仅需要浏览器的支持，JavaScript的使用十分广泛。一个JavaScript脚本编写后可以带到任意机器上使用，并且不会增加服务器的负担。学习使用JavaScript是非常实用的。