前端面试题集锦-2021年前端面试题收集题库1 (3)

fs 库

// 1. 使用 require 方法加载 fs 核心模块 var fs = require('fs') // 2. 读取文件 // 第一个参数就是要读取的文件路径 // 第二个参数是一个回调函数 // 成功 // data 数据 // error null // 失败 // data undefined没有数据 // error 错误对象 fs.readFile('read.txt', function (error, data) { // 在这里就可以通过判断 error 来确认是否有错误发生 if (error) { console.log('读取文件失败了') } else { console.log(data.toString()) } })

浏览器环境：

后端读取文件，返回前端解析 前端通过 xhr http 请求拿取文件内容

function readAjaxFile(url) { // 创建xhr var xhr = new XMLHttpRequest(); // 监听状态 xhr.onreadystatechange = function() { // 监听状态值 if(xhr.readyState === 1 && xhr.status === 200) { console.log(xhr.responseTest) } } // 打开请求 xhr.open('GET', url, true) // 发送数据 xhr.send(null) }

前端通过input 上传文件

let file = document.queryselector('file-input')[0].file[0] let reader = new FileReader() reader.readAsText(file) reader.onload = function(data) { console.log(data, this.result); }

Javascript如何分配对象属性

对象赋值？

. 属性点操作赋值 obj.test = 1

[] 方括号属性操作 obj['test'] = 1

区别：方括号内部允许变量动态值，点属性只能直接获取属性