网络API | TextDecoder decode() 方法

TextDecoder API 中的decode()方法用于将字节流作为输入并发出代码点流。 TextEncoder decode() 方法接受一个包含编码数据和选项对象的 ArrayBuffer 并返回原始字符串（即解码字符串）。

句法：

decoder.decode(buffer, options)

参数：

• 缓冲区：它是一个包含编码数据的 ArrayBuffer、Dataview 或 TypedArray 实例。
• options：它是一个可选参数，用于保存包含一些属性的对象。
  • 流：它是一个布尔值。如果数据分块处理，则设置为 true，如果数据未分块，则设置为 false（默认情况下，其值设置为 false）

返回值：它对缓冲区中的编码输入进行解码并返回解码后的字符串。

示例 1：

HTML

  

    
        TextEncoder Web API
        encodeInto() method
    

  

    I Love javascript
  
    
  
        // Original string
        const original = document.querySelector(
                '#javascript').textContent
  
        // Instance of TextEncoder
        const encoder = new TextEncoder()
  
        // Instance of TextDecoder
        const decoder = new TextDecoder()
  
  
        // encode() is just an another method
        // defined in TextEncoder class
        // It specifies the encoded result
        // of strings
        const encodedResult = encoder.encode(original)
  
        // Decoding
        const decodedResult = decoder.decode(encodedResult)
  
        console.log(`
            Original String:  ${original},
            Encoded Value:   ${encodedResult},
            Decoded Value:   ${decodedResult}
        `)
  
    

  

输出：

示例 2：

HTML

  

    GFG TextEncoder encodeInto() method

  

    I Love javascript
    Click me to see results
    
  
    
  
        // Original string
        const original = document.querySelector(
                '#javascript').textContent
  
        const btn = document.querySelector('#btn')
        const result = document.querySelector('#result')
  
        // Instance of TextEncoder
        const encoder = new TextEncoder()
  
        // Instance of TextDecoder
        const decoder = new TextDecoder()
  
        // encode() is just an another method
        // defined in TextEncoder class
        // It specifies the encoded result of strings
        const encodedResult = encoder.encode(original)
  
        // Decoding
        const decodedResult = decoder.decode(encodedResult)
  
        // Button listing for click event, when
        // click occurs shows original string and 
        // Encoded and Decode values
  
        btn.addEventListener('click', () => {
            result.innerHTML = `
           Original: ${original}
           Encoded Value: ${encodedResult}
           Decoded Value: ${decodedResult}`
        })
    

  

输出：
点击按钮前：

点击按钮后：