atob、encodeURIComponentおよびbtoaを使用する場合、decodeURIComponent

Question

atob、encodeURIComponent、btoa、decodeURIComponentをいつ使用しますか。彼らは一緒に使用されると思われますか？つまり、atob（encodeURIComponent（...））ですか？そうでない場合、いつatob &が使用され、いつencodeURIComponent & decodeURIComponentが使用されますか。

Answer 1

btoa()は、ベース64形式のバイナリデータの文字列をエンコードします。これの最も一般的な使用方法は、ファイルの内容からURIをdata:にすることです（JPEGやGIFファイルをdata: URIに変換して、リモートファイルを参照するのではなくページに直接組み込むなど）。

atob()は、逆を実行します：base-64文字列を指定すると、バイナリデータを返します。

encodeURIComponent()は、URIで使用される文字列のURLエンコードを実行するために使用されます。これは、URIの中で特別な意味を持つ文字を%に変換し、その後に16進符号化を行います。スペースは%20になります。これは通常、リダイレクトやAJAXリクエストで使用されるURLパラメータ、またはXMLHTTPRequest.send()で送信されるデータを作成するときに使用されます。

decodeURIComponent()はencodeURIComponent()の逆数を実行するので、"foo%20bar"の場合は"foo bar"が返されます。

同じ文字列に対してURLエンコーディングとベース64を一緒に使用する必要はほとんどありません。