javaScript创建自定义的StrngBuffer类

最新推荐文章于 2023-05-14 11:59:10 发布

wyl15982038375

最新推荐文章于 2023-05-14 11:59:10 发布

阅读量366

点赞数

文章标签： javascript xhtml function date 存储 html

本文链接：https://blog.csdn.net/wyl15982038375/article/details/5941989

版权

//javascript和java一样在一个字符串拼接要经过几个过程如果:var str = "hello " str +="world"
//1.创建一个字符串存储"hello" 2.创建一个字符串存储"world" 3.将str的当前内容复制到结果集中
//4.创建一个字符串存储连接结果结5.world复制到结果集中 6.更新str指向结果
//经过已上的步骤是很费时的一个过程,如果拼接的数据有几千万条后果不堪设想
//在javascript中通常解决的办法是Array对象存储字符串,让后用join()方法来创建最终的字符串如:
//var arr = new Array(); arr[0]="hello";arr[1]="world"; var str = arr.join("");

//下面看个示例把下一段话存储为 javaScript创建自定义的StringBuffer类.js
//混合原型、构造函数方法创建类
function StringBuffer()
{
  this._strings_ = new Array();
}
StringBuffer.prototype.append = function (str)
{
  this._strings_.push(str);
};
StringBuffer.prototype.toString = function()
{
  return this._strings_.join("");
}

//如果创建一个测试页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="javaScript创建自定义的StringBuffer类.js">
</script>
</head>

<body>
<script type="text/javascript">
var buffer = new StringBuffer();
buffer.append("hello ");
buffer.append("world ");
var result = buffer.toString();
document.write(result);
</script>
</body>
</html>

//查看自定义的StringBuffer和javaScript字符串连接在性能上的区别创建如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>无标题文档</title>
<script type="text/javascript" src="javaScript创建自定义的StringBuffer类.js">
</script>
</head>

<body>
<script type="text/javascript">
var d1 = new Date();
//alert(" "+d1.getTime())
//用+字串连接
var str = "";
for(var i=0;i<1000;i++)
{
str += "test";
}
var d2 = new Date();
document.write("用+字串加连接耗时："+(d2.getTime()-d1.getTime())+"微秒");
//用String字串连接
var oBuffer = new StringBuffer();
d1 = new Date();
for(var i=0;i<1000;i++)
{
oBuffer.append("text");
}
var sResult = oBuffer.toString();
d2 = new Date();
document.write("<br/>用StringBuffer字串加连接耗时："+(d2.getTime()-d1.getTime())+"微秒");
</script>
</body>
</html>