看不懂的見頭函式請教

js bootstrap5

rosef35 2023-11-07 08:07:52 ‧ 1398 瀏覽

分享至

來源bootstrap網站
https://getbootstrap.com/docs/5.3/forms/validation/

(() => {.....})()
提問1 轉換成傳統的function函式會是什麼樣？
提問2 尾端的() 是什麼作用？

(() => {
  'use strict'

  const forms = document.querySelectorAll('.needs-validation')

  Array.from(forms).forEach(form => {
    form.addEventListener('submit', event => {
      if (!form.checkValidity()) {
        event.preventDefault()
        event.stopPropagation()
      }

      form.classList.add('was-validated')
    }, false)
  })
})()

rian1995 iT邦新手 5 級 ‧ 2023-11-07 10:23:13 檢舉

(()=>) 我臨時創建一個匿名函數
(()=>)() 我臨時創建一個匿名函數並且呼叫此匿名函數
(()=>{})() 我臨時創建一個有運算式包含在內的匿名函數並且呼叫此匿名函數

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

4 個回答

alien663

iT邦研究生 4 級 ‧ 2023-11-07 08:36:57

學一下Javascript的ES6語法
https://www.w3schools.com/js/js_es6.asp

回應
分享
檢舉

登入發表回應

咖咖拉

iT邦好手 1 級 ‧ 2023-11-07 09:02:57

這是所謂的立即函數
也就是直接執行的函數

參考

https://developer.mozilla.org/zh-TW/docs/Glossary/IIFE

第一個()是匿名函數宣告
第二的()是立即調用該函數

(function (){})();
(()=>{})();
(...)();

回應
分享
檢舉

登入發表回應

janlin002

iT邦好手 1 級 ‧ 2023-11-07 10:15:11

這是 js 的立即函示

可參考這篇：https://developer.mozilla.org/zh-TW/docs/Glossary/IIFE

回應
分享
檢舉

登入發表回應

claralane

iT邦見習生 ‧ 2024-07-25 19:41:31

Great insights!For those looking for professional assistance, I highly recommend the CV Writer Service from CV Folks. Their expert writers ensure your CV not only highlights your skills but also stands out to potential employers. Check them out for top-notch CV help!