JS封装插件:实现文件读写功能

Posted iwideal

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS封装插件:实现文件读写功能相关的知识,希望对你有一定的参考价值。

scripting.FileSystemObject是一个可以实现文件读写的COM组件,由于COM组件可以被跨语言调用,因此可以选择像vbs或者JS这种脚本语言调用,下面我就使用该COM组件封装了一个简单的JS插件,实现了文件的读写功能。(只能IE打开)

JS代码(插件):

(function(win,undefined){
	var fso = new ActiveXObject("Scripting.FileSystemObject");
	var file=null;
	var FileUtil=function(){

	};
	FileUtil.prototype={
		createTextFile:function(filename){
			file=fso.CreateTextFile(filename, true);
		},
		write:function(content){
			file.WriteLine(content);
		},
		closeStream:function(){
			file=null;
		}
	}
	win.FileUtil=FileUtil;	
}(window))

  

  下面开始调用该组件:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<script type="text/javascript" src="jquery-3.2.1.js"></script>
<script type="text/javascript" src="FileUtil.js"></script>
<body>
	<script type="text/javascript">	
		var fileUtil=new FileUtil();
		fileUtil.createTextFile("hello.txt");
		for(var i=0;i<10;i++){
			fileUtil.write("大路");
		}
		fileUtil.closeStream();
	</script>
</body>
</html>

  实现的效果如下:

 

 虽然代码比较少,但是其中包含了书写JS插件的基本方法与格式,其中就用到了JS的闭包。如果深入思考插件,我们的项目将可以实现模块化和组件化开发,真正做到一次开发,到处复用。

以上是关于JS封装插件:实现文件读写功能的主要内容,如果未能解决你的问题,请参考以下文章

回归 | js实用代码片段的封装与总结(持续更新中...)

自己封装的一个JS分享组件

angularJS使用ocLazyLoad实现js延迟加载

四EasyExcel实现Excel读写,封装工具类

四EasyExcel实现Excel读写,封装工具类

JS如何实现手机复制功能?