JavaScript ArrayBuffer.prototype.detached Last Updated : 01 Apr, 2024 Summarize Comments Improve Suggest changes Share Like Article Like Report In JavaScript, the ArrayBuffer.prototype.detached property indicates whether an ArrayBuffer instance has been transferred (detached) from its current context. This is especially important for web workers when dealing with large binary data for communication. Syntaxconst isDetached = arrayBufferInstance.detached;const buffer = new ArrayBuffer(16); // Create an ArrayBufferconst isDetached = buffer.detached; // Check if buffer is detachedconsole.log(isDetached); // Output: falsearrayBufferInstance: It is an existing ArrayBuffer object.isDetached: It is a boolean value that represents the detached state. Return ValueIt will return true if detached otherwise false. Example 1: The below example checks the detached state with property check. JavaScript function transferBufferToWorker(buffer) { // Simulate transferring the buffer to a worker return buffer; // This does not transfer the buffer in reality } const originalBuffer = new ArrayBuffer(10); const transferredBuffer = transferBufferToWorker(originalBuffer); // Property check to determine // if the buffer has been detached if (transferredBuffer.byteLength === 0) { console.log("The buffer has been transferred and is detached."); } else { console.log("The buffer remains in the current context."); } OutputThe buffer remains in the current context. Example 2: The below example ensure a detached state by the use of a utility function. JavaScript function transferBufferToWorker(buffer) { // Simulate transferring the buffer to a worker return buffer; // This does not transfer the buffer in reality } // Utility function to check if the buffer is detached function isBufferDetached(buffer) { try { // Attempt to create a new view on the buffer new Uint8Array(buffer); // Buffer is not detached return false; } catch (error) { // Buffer is detached return true; } } const originalBuffer = new ArrayBuffer(10); const transferredBuffer = transferBufferToWorker(originalBuffer); // Check if the buffer is detached // using the utility function if (isBufferDetached(transferredBuffer)) { console.log("The buffer has been transferred and is detached."); } else { console.log("The buffer remains in the current context."); } OutputThe buffer remains in the current context. Browser SupportChrome 114Edge 114Firefox 122Opera 100Safari 17.4 Comment More infoAdvertise with us Next Article JavaScript ArrayBuffer isView() Method P pankajbind Follow Improve Article Tags : JavaScript Web Technologies Similar Reads JavaScript ArrayBuffer constructor Property JavaScript ArrayBuffer constructor property is used to return the ArrayBuffer constructor function for the object. The function returned by this property is just the reference, not the actual ArrayBuffer. It is an object property of JavaScript and can be used with Strings, Numbers, etc. Syntax: arra 1 min read JavaScript ArrayBuffer.prototype.transfer() Method The transfer() method of ArrayBuffer create a new ArrayBuffer that has the same byte content as the current buffer, then detach this current buffer, this means that merely the fresh buffer is able to get at the buried data and not any else. Such an option as transfer() comes in handy when there is a 2 min read JavaScript ArrayBuffer resizable Property JavaScript resizable property in ArrayBuffer is used to check whether an ArrayBuffer can be resized or not. It returns a boolean value. It is a read-only property whose value is set when maxByteLength is defined. Syntax: arr.resizable Parameters: It does not accept any parameter. Example 1: In this 1 min read JavaScript ArrayBuffer isView() Method The Javascript ArrayBuffer.isView() is an inbuilt function in JavaScript that is used to check whether the given argument for the function is a typed array or not. Syntax: ArrayBuffer.isView(p) Parameters: It accepts a parameter either in the form of a typed array or something else. Return Values: I 2 min read JavaScript ArrayBuffer Reference ArrayBuffer is used to represent a generic, fixed-length raw binary data buffer. The contents of an ArrayBuffer cannot be directly manipulated and can only be accessed through a DataView Object or one of the typed array objects. These Objects are used to read and write the contents of the buffer. Sy 2 min read JavaScript ArrayBuffer resize() Method JavaScript resize() method in ArrayBuffer is used to increase or decrease the size of ArrayBuffer in JavaScript. This method specifies the change in length in bytes and the specified length cannot be greater than the maxByteLength property of the array Buffer. Syntax: resize(len) Parameter: This met 1 min read Like