改用 環保 杯 水壺 能 省 多少 最後 更新 2026 年 4 月 22 日 比較 一次 性 杯子 瓶子 或 袋子 vs 環保 替代品 的 真實 成本 看看 多 快 能 回 本 以及 減少 多少 垃圾 astro island astro slot astro static slot display:contents function let e async e await await e self.Astro self.Astro only e window.dispatchEvent new Event astro:only function function e t babel helpers typeof return e typeof Symbol function typeof Symbol.iterator symbol function e return typeof e function e return e typeof Symbol function e.constructor Symbol e Symbol.prototype symbol typeof e e t function t t n if e t object t return t var r t Symbol.toPrimitive if r void 0 var i r.call t n default if e i object return i throw TypeError toPrimitive must return a primitive value return n string String:Number t function n n var r t n string return e r symbol r:r function r e t r return t n t in e Object.defineProperty e t value:r enumerable 0 configurable 0 writable 0 e t r e let i __PURE__ new Set __proto__ constructor prototype let e 0 e a e 1 e n e 2 e new RegExp e 3 e new Date e 4 e new Map n e 5 e new Set n e 6 e BigInt e 7 e new URL e 8 e new Uint8Array e 9 e new Uint16Array e 10 e new Uint32Array e 11 e 1 0 e t t let n r t return n in e e n r void 0 n e e.map t a e typeof e object e e:Object.fromEntries Object.entries e map e n e t n class o extends HTMLElement constructor e super e r this Component void 0 r this hydrator void 0 r this hydrate async var e if this.hydrator this.isConnected return let t e this.parentElement null void 0 e.closest astro island ssr if t t.addEventListener astro:hydrate this.hydrate once 0 return let n this.querySelectorAll astro slot r i this.querySelectorAll template data astro template for let e of i let t e.closest this.tagName t null t.isSameNode this r e.getAttribute data astro template default e.innerHTML e.remove for let e of n let t e.closest this.tagName t null t.isSameNode this r e.getAttribute name default e.innerHTML let o try o this.hasAttribute props a JSON.parse this.getAttribute props catch e let t this.getAttribute component url n this.getAttribute component export throw n t export n console.error hydrate Error parsing props for component t this.getAttribute props e e await this.hydrator this this.Component o r client:this.getAttribute client this.removeAttribute ssr this.dispatchEvent new CustomEvent astro:hydrate r this unmount this.isConnected this.dispatchEvent new CustomEvent astro:unmount disconnectedCallback document.removeEventListener astro:after swap this.unmount document.addEventListener astro:after swap this.unmount once 0 connectedCallback if this.hasAttribute await children document.readyState interactive document.readyState complete this.childrenConnectedCallback else let e document.removeEventListener DOMContentLoaded e t.disconnect this.childrenConnectedCallback t new MutationObserver var t t this.lastChild null void 0 t.nodeType Node.COMMENT_NODE this.lastChild.nodeValue astro:end this.lastChild.remove e t.observe this childList 0 document.addEventListener DOMContentLoaded e async childrenConnectedCallback let e this.getAttribute before hydration url e await import e this.start getRetryImportUrl e let t new URL e document.baseURI return t.searchParams.set astro retry Date.now toString t.toString async importWithRetry e try return await import e catch t return await new Promise e setTimeout e 1e3 import this.getRetryImportUrl e handleHydrationError e let t this.getAttribute component url n new CustomEvent astro:hydration error cancelable 0 bubbles 0 composed 0 detail error:e componentUrl:t this.dispatchEvent n console.error astro island Error hydrating t e async start let e JSON.parse this.getAttribute opts t this.getAttribute client if Astro t void 0 window.addEventListener astro t this.start once 0 return try await Astro t async let e this.getAttribute renderer url try let t default:n await Promise.all this.importWithRetry this.getAttribute component url e this.importWithRetry e Promise.resolve default r this.getAttribute component export default if r.includes this.Component t for let e of r.split if i.has e this.Component typeof this.Component object typeof this.Component function Object.hasOwn this.Component e throw Error Invalid component export path r this.Component this.Component e else if i.has r throw Error Invalid component export path r this.Component t r return this.hydrator n this.hydrate catch e return this.handleHydrationError e e this catch e this.handleHydrationError e attributeChangedCallback this.hydrate r o observedAttributes props customElements.get astro island customElements.define astro island o 你 可能 也想 試試 太陽能板 投 報 率 裝 太陽能板 划算 嗎 碳 足跡 計算 器 你 每年 排放 多少 CO2 買斷 vs 訂閱 買 一次 還是 持續 付 月 費 碳 足跡 計算 器 你 一年 的 碳 排放 有 多少 碳 中 和 要花 多少錢 節 能 升級 回 本 計算 器 換 LED 加 隔熱 裝 智慧 溫 控 多久 能 回 本 機會 成本 計算 器 這 筆錢 拿去 投資 N 年後 會變 多少 750 元 環保 水壺 17 天 回 本 前提 是 你 真 每天 用 環保 水壺 第 17 次 使用 回 本 咖啡 保溫杯 第 7 次 便當盒 第 5 次 數字 很 棒 陷阱 現實 採用 率 50 70 把 所有 回 本 點 翻 倍