在 JavaScript 中，尤其是在前端环境中，直接读写本地文件受到一定的限制，主要是为了安全性考虑。不过，你可以通过一些特定的方法实现这些操作。以下是一些常用的方法：

1. 使用<input>元素读取文件

通过使用文件输入元素和 FileReader API，你可以读取用户选择的本地文件。

<input type="file" id="fileInput">  

document.getElementById('fileInput').addEventListener('change', function(event) {  
    const file = event.target.files[0]; // 获取文件对象  
    const reader = new FileReader();  
    reader.onload = function(e) {  
        const contents = e.target.result;  
        console.log(contents); // 打印文件内容  
    };  
    reader.readAsText(file); // 以文本的形式读取文件  
});  

2. 使用Blob和URL.createObjectURL进行文件写操作

可以生成一个 Blob，并使用 <a> 标签和 URL.createObjectURL 实现下载功能。

function downloadFile(content, fileName) {  
    const blob = new Blob([content], { type: 'text/plain' });  
    const url = URL.createObjectURL(blob);  
    const a = document.createElement('a');  
    a.href = url;  
    a.download = fileName;  
    document.body.appendChild(a);  
    a.click();  
    document.body.removeChild(a);  
    URL.revokeObjectURL(url);  
}  
// 使用例子  
downloadFile('Hello, World!', 'example.txt');  

3. 使用 File System Access API

现代浏览器（如 Chrome 和 Edge）提供了 File System Access API，可以对用户文件系统进行更多的操作。这是相对较新的特性，不在所有浏览器中都支持。

async function saveFile() {  
    const options = {  
        types: [{  
            description: 'Text Files',  
            accept: {  
                'text/plain': ['.txt'],  
            },  
        }],  
    };  
    try {  
        const handle = await window.showSaveFilePicker(options);  
        const writable = await handle.createWritable();  
        await writable.write('Hello, World!');  
        await writable.close();  
    } catch (err) {  
        console.error(err);  
    }  
}  

4. 使用 IndexedDB

如果需要在前端应用程序中以更持久的方式存储数据，可以选择使用 IndexedDB，这是浏览器内建的一个异步数据库。

const request = indexedDB.open('MyDatabase', 1);  
request.onupgradeneeded = function(event) {  
    const db = event.target.result;  
    db.createObjectStore('files', { keyPath: 'id' });  
};  
request.onsuccess = function(event) {  
    const db = event.target.result;  
    const transaction = db.transaction('files', 'readwrite');  
    const store = transaction.objectStore('files');  
    const fileData = { id: 1, content: 'Hello, IndexedDB!' };  
    store.put(fileData);  
};  
request.onerror = function(event) {  
    console.error('IndexedDB error:', event.target.error);  
};  

上面这些方法可以帮助你在前端环境中实现文件的读写操作，但要注意不同方法的兼容性，并且确保用户知情并同意这些操作，以保证安全性。