最近在使用javascript编写一些程序时，发现在某些情况下需要将生成的数据保存为本地文件。通过了解，发现javascript可以通过File API来实现这一功能，下面将详细介绍如何使用javascript来写本地文件。

首先，我们需要创建一个Blob对象来保存要写入文件的数据。Blob表示为二进制大型对象（Binary Large OBjects），是一种可以保存二进制数据的方式，我们可以使用Blob对象来存储我们生成的数据。代码如下：

var blob = new Blob(['这是我们要写入到文件中的内容'], {type: 'text/plain'});

该代码会创建一个包含了所需数据的Blob对象。最后一个参数可以确定所存储内容的类型，这里我们使用的是简单的文本类型。此外，File API还提供了其他类型的存储方式，包括audio、video、image等等。一旦我们生成了Blob对象，使用File API就可以将其保存为文件。我们可以使用下面这段代码：

var url = URL.createObjectURL(blob);
var a = document.createElement('a');
a.href = url;
a.download = 'test.txt';
document.body.appendChild(a);
a.click();

此代码会创建一个链接并将Blob对象传递给它，然后将这个链接下载到本地磁盘上。其中，URL.createObjectURL()函数创建了一个URL，表示我们要下载的文件。我们使用document.createElement()来创建一个a元素来承载下载链接。使用a.download属性可以指定下载链接的文件名，这里我们将文件命名为test.txt。最后，通过document.body.appendChild(a)将a元素添加到文档中，并调用a.click()函数来激活下载链接。这时，用户可以选择保存文件到本地磁盘。

然而，上述代码存在一些问题。对于IE浏览器，不支持使用Blob构造函数，而是需要使用ActiveXObject，如下所示：

var blob;
if(window.navigator.msSaveBlob){
blob = new ActiveXObject("Scripting.FileSystemObject");
var f=fileSystemObj.CreateTextFile("test.txt", true);
f.WriteLine('这是我们要写入到文件中的内容');
f.Close();
}

而对于Chrome浏览器，如果想让下载链接直接下载而不是在浏览器里打开，需要加上一个"download"属性。 这是我们在第二段代码中所做的，但是当前版本的Firefox浏览器不会自动识别该属性。为了兼容所有浏览器，我们还需要添加一个window.URL.revokeObjectURL()函数，以释放URL对象，代码如下：

var url = URL.createObjectURL(blob);
var a = document.createElement('a');
a.href = url;
if(a.download !== undefined){
a.download = 'test.txt';
}
document.body.appendChild(a);
a.click();
w.URL.revokeObjectURL(url);

这段代码中，我们检查了a.download属性是否存在。如果存在，我们就将其设置为文件名；如果不存在，则说明浏览器不支持该属性，并执行默认行为。最后，我们调用window.URL.revokeObjectURL()函数以释放URL对象并增加性能。

综上所述，使用File API可以很方便地在javascript中写入本地文件。我们可以使用Blob对象存储数据，然后将其下载到本地磁盘上。虽然代码中存在一些兼容性问题，但只要了解浏览器的不同支持行为，我们仍然可以实现跨浏览器的一致性行为。