JavaScript非同步處理-Promise物件

傳統JS執行非同步處理是利用回呼函數(Callback),如果要執行多個非同步處理會以巢狀方式配置回呼函數,但會因為層次太多而形成回呼地獄

function(function(data){
  function(function(data){
   function(function(data){
    function(function(data){
     
   })
  })
 })
})

要解決這樣的問題就是使用Promise物件,上面函數改用Promise

function().then(function).then(function).then(function)

 

...繼續閱讀 »

JavaScript-BOM物件

  • 81
  • 0
  • JS
  • 2020-10-21

所謂的BOM(Browser Object Model)指的就是瀏覽器物件,大部分瀏覽器都有支援這些功能,早期因為沒有標準規範因此常發生跨瀏覽器問題,例如同樣的功能在Chrome可以正常執行但是在IE會出現錯誤,但近年W3C已經將各家瀏覽器納入HTML5標準中,所以逐漸已經不存在跨瀏覽器的問題


 

...繼續閱讀 »

JavaScript-DOM操作

  • 702
  • 0
  • JS
  • 2020-10-17

DOM(Document Object Model)指的是文件中(HTML、XML等)的元素、屬性或文字都被視為一個物件的集合,構成文件的每個元素、屬性或文字都稱作為節點(Node)

DOM的操作就是針對節點提供取出、新增、取代或刪除的操作

...繼續閱讀 »

JavaScript-物件導向

  • 276
  • 0
  • JS
  • 2020-10-04

JS是物件導向語言,但與JAVA或C#等物件導向語言有一些差異,JS的物件實體化概念不是類別而是稱為原型(Prototype)

此種性質是以原型為基礎的物件導向


 

...繼續閱讀 »

JavaScript-物件操作

  • 337
  • 0
  • JS
  • 2020-10-02

JS的物件是可透過名稱存取的陣列,也稱為關聯陣列,但是實際上物件並不只是具名的集合,物件本身就是一個個體,包含特性與動作等元素

所以物件可以理解成是屬性+方法所形成的

...繼續閱讀 »

JSON資料結構

  • 873
  • 0
  • JS
  • 2020-09-10

JSON是一種輕量級的文字資料交換格式,因為體積小網路傳輸速度也快,所以經常被使用

在JavaScript的相關書籍裡,也經常被提到,所以用這篇文章紀錄一下使用方式

 

 

...繼續閱讀 »