JavaScript的团对象如何使用

介绍

这期内容当中小编将会给大家带来有关JavaScript团对象如何使用,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

Blob是JavaScript内建对象,表示不可变的原始数据,类似文件的对象。

Blob是表示原始数据的不可变对象,这些数据不一定是JavaScript原生格式的,文件接口基于Blob,继承Blob功能并将其扩展为支持用户系统上的文件。

Blob有很多用途:

可以从网络的内容创建。

可以保存到磁盘或从磁盘读取。

例如,它们是FileReader API中使用的文件的基础数据结构。

我们可以使用Blob()构造函数从其他非团对象和数据构造Blob。

<强> Blob构造函数

Blob构造函数允许从其他对象创建团,例如,从字符串构造Blob。

让英雄={名称:& # 39;蝙蝠侠# 39;}
让blobObject=new Blob ([jsON。stringify(英雄,null, 2)){类型:& # 39;application/json # 39;});
console.log (blobObject);

现在,如果我们在浏览器中运行此文件,我们将在浏览器控制台中看到以下输出。

 JavaScript团对象如何使用“> </p> <p> <强>团大小属性</强> <br/> </p> <p> Blob。大小属性返回Blob或文件的大小(以字节为单位)。</p> <p> var sizeInBytes=Blob。大小<br/> </p> <p>参见以下示例。</p> <blockquote> <p>让英雄={名称:& # 39;蝙蝠侠# 39;}<br/>让blobObject=new Blob ([JSON。stringify(英雄,null, 2)){类型:& # 39;application/json # 39;});<br/> console.log (blobObject.size); <br/> </p> </引用> <p>将会输出:22 </p> <p> <强> Blob.slice()方法</强> <br/> </p> <p> Blob.slice()函数用于创建新的团对象,该对象包含源Blob的指定字节范围内的数据。</p> <p> instanceOfBlob。片([[开始,结束[,contentType]]]); <br/> </p> <p>参见以下代码。</p> <blockquote> <p>让英雄={名称:& # 39;蝙蝠侠# 39;}<br/>让blobObject=new Blob ([JSON。stringify(英雄,null, 2)){类型:& # 39;application/json # 39;});<br/> console.log (blobObject。片(10 16{类型:& # 39;application/json # 39;}));<br/> </p> </引用> <p>输出</p> <p> <img src=JavaScript的团对象如何使用