教程文檔【免費(fèi)下載鏈接】30-seconds-of-codeCoding articles to level up your development skills項(xiàng)目地址https://gitcode.com/gh_mirrors/30/30-seconds-of-code點(diǎn)擊查看免費(fèi)下載導(dǎo)讀本文基于 30-seconds-of-code 倉(cāng)庫(kù)中的 convert-celsius-fahrenheit 文檔 展開(kāi)系統(tǒng)講解如何在 JavaScript 中實(shí)現(xiàn)攝氏溫度Celsius°C與華氏溫度Fahrenheit°F之間的雙向換算。你將掌握兩條核心換算公式、可直接復(fù)用的箭頭函數(shù)實(shí)現(xiàn)以及如何規(guī)避浮點(diǎn)精度、非法輸入等實(shí)際問(wèn)題同時(shí)了解該 snippet 在倉(cāng)庫(kù)單位換算集合unit-conversions中的組織方式與底層實(shí)現(xiàn)原理。為什么需要溫度換算溫度單位換算在日常開(kāi)發(fā)中極為常見(jiàn)天氣類(lèi)應(yīng)用需要按用戶(hù)地區(qū)展示不同溫標(biāo)物聯(lián)網(wǎng)設(shè)備上報(bào)的傳感器數(shù)據(jù)可能來(lái)自采用華氏度的國(guó)外設(shè)備數(shù)據(jù)分析與可視化場(chǎng)景也常需要統(tǒng)一溫標(biāo)。攝氏與華氏是目前使用最廣泛的兩套溫標(biāo)二者之間存在確定的線(xiàn)性換算關(guān)系非常適合封裝成純函數(shù)在項(xiàng)目中復(fù)用。在 30-seconds-of-code 倉(cāng)庫(kù)中這類(lèi)短小精悍、即取即用的代碼片段被統(tǒng)一組織為 snippets。本文要講解的溫度換算函數(shù)被收錄在 JavaScript 單位換算集合 中與弧度角度互轉(zhuǎn)、英里公里互轉(zhuǎn)等片段并列共同覆蓋日常開(kāi)發(fā)中最高頻的單位換算需求。兩條核心換算公式攝氏與華氏是線(xiàn)性溫標(biāo)換算公式由冰點(diǎn)0 °C 32 °F與沸點(diǎn)100 °C 212 °F兩個(gè)基準(zhǔn)點(diǎn)唯一確定。攝氏轉(zhuǎn)華氏F 1.8 × C 32從攝氏轉(zhuǎn)換到華氏使用如下公式F 1.8 × C 32即先對(duì)攝氏溫度乘以系數(shù) 1.8等價(jià)于9 / 5再與偏移量 32 相加。以 33 °C 為例1.8 × 33 32 91.4°F。華氏轉(zhuǎn)攝氏C (F - 32) × 5 / 9反向換算時(shí)先減去偏移量 32再乘以換算系數(shù)5 / 9C (F - 32) × 5 / 9以 32 °F 為例(32 - 32) × 5 / 9 0°C正好是冰點(diǎn)可據(jù)此驗(yàn)證公式正確性。JavaScript 實(shí)現(xiàn)一行箭頭函數(shù)搞定換算原文檔給出的實(shí)現(xiàn)極為簡(jiǎn)潔兩個(gè)換算函數(shù)均以單行箭頭函數(shù)ES6 特性實(shí)現(xiàn)直接對(duì)應(yīng)上述公式無(wú)任何多余依賴(lài)// 攝氏轉(zhuǎn)華氏F 1.8 * C 32 const celsiusToFahrenheit degrees 1.8 * degrees 32; celsiusToFahrenheit(33); // 91.4// 華氏轉(zhuǎn)攝氏C (F - 32) * 5 / 9 const fahrenheitToCelsius degrees (degrees - 32) * 5 / 9; fahrenheitToCelsius(32); // 0兩個(gè)函數(shù)的共同特點(diǎn)值得注意參數(shù)語(yǔ)義清晰入?yún)egrees即度數(shù)返回值為換算后的新溫標(biāo)數(shù)值純函數(shù)不修改任何外部狀態(tài)相同的輸入永遠(yuǎn)得到相同的輸出便于單元測(cè)試與組合復(fù)用無(wú)副作用依賴(lài)不依賴(lài)Math對(duì)象以外的任何內(nèi)置 API瀏覽器與 Node.js 環(huán)境均可直接運(yùn)行。由于兩個(gè)函數(shù)都是純數(shù)學(xué)表達(dá)式可以直接作為回調(diào)傳給Array.prototype.map等函數(shù)式工具例如批量換算一組溫度數(shù)組const tempsInCelsius [0, 25, 33, 100]; const tempsInFahrenheit tempsInCelsius.map(celsiusToFahrenheit); // [32, 77, 91.4, 212]處理浮點(diǎn)精度讓結(jié)果更可讀溫度換算涉及1.8、5 / 9等無(wú)法用二進(jìn)制精確表示的十進(jìn)制小數(shù)JavaScript 采用 IEEE 754 雙精度浮點(diǎn)數(shù)換算結(jié)果可能出現(xiàn)長(zhǎng)尾小數(shù)。例如fahrenheitToCelsius(98.6); // 37 附近但可能得到 36.99999999999999針對(duì)這類(lèi)情況可以在換算后按需四舍五入保留指定小數(shù)位使結(jié)果更符合實(shí)際使用習(xí)慣// 換算后按指定精度四舍五入默認(rèn)保留 1 位小數(shù) const celsiusToFahrenheit (degrees, precision 1) { const fahrenheit 1.8 * degrees 32; return Math.round(fahrenheit * 10 ** precision) / 10 ** precision; }; // 換算后按指定精度四舍五入默認(rèn)保留 1 位小數(shù) const fahrenheitToCelsius (degrees, precision 1) { const celsius (degrees - 32) * 5 / 9; return Math.round(celsius * 10 ** precision) / 10 ** precision; }; fahrenheitToCelsius(98.6); // 37 celsiusToFahrenheit(33); // 91.4精度參數(shù)precision控制保留的小數(shù)位數(shù)10 ** precision通過(guò)冪運(yùn)算將數(shù)值放大、取整后再縮小是消除浮點(diǎn)尾差、得到穩(wěn)定可讀結(jié)果的標(biāo)準(zhǔn)做法。增強(qiáng)健壯性校驗(yàn)輸入并支持字符串實(shí)際業(yè)務(wù)中表單或接口傳入的溫度值往往以字符串形式存在如25也可能包含非數(shù)值內(nèi)容。為讓函數(shù)更健壯可以先用Number()完成顯式類(lèi)型轉(zhuǎn)換并用Number.isFinite()攔截NaN、Infinity、null、undefined等非法輸入const celsiusToFahrenheit degrees { const celsius Number(degrees); if (!Number.isFinite(celsius)) { throw new TypeError(celsiusToFahrenheit: expected a finite number); } return 1.8 * celsius 32; }; const fahrenheitToCelsius degrees { const fahrenheit Number(degrees); if (!Number.isFinite(fahrenheit)) { throw new TypeError(fahrenheitToCelsius: expected a finite number); } return (fahrenheit - 32) * 5 / 9; }; celsiusToFahrenheit(33); // 91.4Number(33)會(huì)得到數(shù)值 33而Number.isFinite(abc)返回false從而在換算前就拋出可讀的錯(cuò)誤信息避免把臟數(shù)據(jù)一路傳遞下去。從倉(cāng)庫(kù)源碼看該 snippet 的定位與組織隸屬于JavaScript 單位換算集合在 content/collections/js/unit-conversions.yaml 中本 snippet 以js/s/convert-celsius-fahrenheit的 ID 被顯式收錄slug: js/unit-conversions title: JavaScript Unit Conversions listed: true allowUnlisted: true snippetIds: - js/s/convert-degrees-radians - js/s/convert-celsius-fahrenheit - js/s/convert-miles-km - js/s/unit-converter-data-structure注意該集合聲明了allowUnlisted: true而本文檔的 front matter 中l(wèi)isted: false未直接進(jìn)入主列表說(shuō)明這類(lèi)片段通過(guò)集合白名單 允許未列片段的機(jī)制被組織進(jìn)專(zhuān)題頁(yè)。這一機(jī)制在倉(cāng)庫(kù)源碼 src/lib/contentUtils/modelWorkers/collectionSnippet.js 中有明確實(shí)現(xiàn)當(dāng)集合配置了snippetIds時(shí)片段按 ID 精確匹配并在集合內(nèi)按snippetIds順序排序當(dāng)allowUnlisted為真時(shí)未列片段也會(huì)獲得集合內(nèi)的正常position參見(jiàn)同文件 第 57-63 行 的分支邏輯。屬于 JavaScript 數(shù)學(xué)類(lèi)片段本片段 front matter 中標(biāo)記tags: [math]因此也被 JavaScript 數(shù)學(xué)文章集合 的tagMatcher: math規(guī)則自動(dòng)收錄。數(shù)學(xué)類(lèi)集合通過(guò)標(biāo)簽匹配而非手工枚舉來(lái)聚合片段見(jiàn) collectionSnippet.js 中基于matchers.tag的過(guò)濾邏輯說(shuō)明溫度換算是 JavaScript 數(shù)學(xué)工具庫(kù)中的基礎(chǔ)組成部分。公式的站點(diǎn)渲染機(jī)制原文檔用latex-expression標(biāo)簽包裹數(shù)學(xué)公式站點(diǎn)通過(guò) KaTeX 等渲染引擎將其排版為公式。倉(cāng)庫(kù)樣式文件 src/astro/styles/pages/snippet.scss 顯示當(dāng) JavaScript 未加載或公式解析出錯(cuò).katex-error時(shí)該組件會(huì)被隱藏避免展示殘缺的公式內(nèi)容。因此閱讀本文時(shí)F 1.8 × C 32與C (F - 32) × 5 / 9兩條公式由前端公式引擎實(shí)時(shí)渲染。延伸溫度換算與通用單位換算框架30-seconds-of-code 倉(cāng)庫(kù)中還有一篇 unit-converter-data-structure通用單位換算數(shù)據(jù)結(jié)構(gòu)它演示了如何用Object.defineProperty()為每個(gè)單位生成 getter從而用一張換算系數(shù)表驅(qū)動(dòng)任意線(xiàn)性單位的換算。該文檔在末尾明確指出像溫度換算這類(lèi)非線(xiàn)性偏移的換算存在加 32 的偏移量而非單純的倍數(shù)關(guān)系比簡(jiǎn)單系數(shù)換算更復(fù)雜需要把換算系數(shù)替換為換算函數(shù)才能納入統(tǒng)一框架。這也從側(cè)面印證了本文兩段式實(shí)現(xiàn)的合理性溫度換算的獨(dú)特性含偏移量決定了它適合以?xún)蓚€(gè)獨(dú)立函數(shù)承載而不是塞進(jìn)純系數(shù)表。若想構(gòu)建自己的通用換算器可以將函數(shù)對(duì)象而非數(shù)值存入配置表const temperatureConversions { celsiusToFahrenheit: degrees 1.8 * degrees 32, fahrenheitToCelsius: degrees (degrees - 32) * 5 / 9, }; const convert (unit, degrees) temperatureConversionsunit; convert(celsiusToFahrenheit, 33); // 91.4小結(jié)通過(guò)本文你掌握了攝氏 ? 華氏的兩條線(xiàn)性換算公式及其由來(lái)冰點(diǎn)、沸點(diǎn)基準(zhǔn)基于 ES6 箭頭函數(shù)的極簡(jiǎn) JavaScript 實(shí)現(xiàn)單行即可復(fù)用針對(duì)浮點(diǎn)尾差與字符串輸入的健壯性增強(qiáng)方案該 snippet 在 30-seconds-of-code 倉(cāng)庫(kù)中單位換算集合 數(shù)學(xué)標(biāo)簽集合的組織方式及底層排序?qū)崿F(xiàn)。將celsiusToFahrenheit與fahrenheitToCelsius兩個(gè)純函數(shù)存入工具模塊即可在天氣展示、數(shù)據(jù)清洗、國(guó)際化等場(chǎng)景中隨取隨用。倉(cāng)庫(kù)中還有 英里 ? 公里、角度 ? 弧度 等同屬一族的換算片段可一并納入你的工具庫(kù)。贊分享教程文檔【免費(fèi)下載鏈接】30-seconds-of-codeCoding articles to level up your development skills項(xiàng)目地址https://gitcode.com/gh_mirrors/30/30-seconds-of-code點(diǎn)擊查看免費(fèi)下載相關(guān)推薦Swift Language Weather溫度轉(zhuǎn)換算法從開(kāi)爾文到攝氏度和華氏度的完美轉(zhuǎn)換Swift Language Weather溫度轉(zhuǎn)換算法從開(kāi)爾文到攝氏度和華氏度的完美轉(zhuǎn)換 Swift Language Weather是一款基于Swift移動(dòng)開(kāi)發(fā)Johnny-Five 溫度計(jì)指南使用 LM335 模擬溫度傳感器讀取攝氏度、華氏度與開(kāi)爾文Johnny Five 溫度計(jì)指南使用 LM335 模擬溫度傳感器讀取攝氏度、華氏度與開(kāi)爾文 本文是基于 Johnny Five 開(kāi)源機(jī)器人/物聯(lián)網(wǎng)框架項(xiàng)目IoT機(jī)器人嵌入式30-seconds-of-codeJavaScript Date 對(duì)象與 Unix 時(shí)間戳雙向轉(zhuǎn)換完整指南30 seconds of codeJavaScript Date 對(duì)象與 Unix 時(shí)間戳雙向轉(zhuǎn)換完整指南 Unix 時(shí)間戳Unix timestamp教程文檔上一篇ML-For-Beginners 強(qiáng)化學(xué)習(xí)啟蒙實(shí)戰(zhàn)在「彼得與狼」網(wǎng)格世界中用 Python 從零實(shí)現(xiàn) Q-Learning下一篇Puppeteer 故障排查完全指南從瀏覽器無(wú)法啟動(dòng)到云端部署的定位與修復(fù)創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考