第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在 javascript forEach 函數中訪問“this”

在 javascript forEach 函數中訪問“this”

慕妹3146593 2022-09-02 16:59:22
我有一個特殊的場景,我想從“this”訪問數據,同時查看一個數組,該數組也在我的Vue組件上定義。例: data () {    return {      question: [],      inputList: [],      form: {}    }  }, methods: {   onSubmit: function () {     let predictionParams = {}     this.inputList.forEach(function (element) {       predictionParams[element.detail] = this.form[element.detail]     })   }錯誤:this.form is not defined in the context of the forEach loop問題:JS處理此類案件的慣用方式是什么?我經常遇到這種情況,我總是覺得我想出了粗略的解決方案,或者至少可以做一些更容易的事情。對此的任何幫助都會很棒。
查看完整描述

3 回答

?
暮色呼如

TA貢獻1853條經驗 獲得超9個贊

許多內置組件(包括 forEach)都包含一個可選的“this”活頁夾:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

利用這一點來發(fā)揮你的優(yōu)勢:

this.inputList.forEach(function (element) {
   predictionParams[element.detail] = this.form[element.detail]
},this)

自 ie9 起受支持


查看完整回答
反對 回復 2022-09-02
?
炎炎設計

TA貢獻1808條經驗 獲得超4個贊

arrow 函數語法避免了重新綁定此

 this.inputList.forEach(element => {
   predictionParams[element.detail] = this.form[element.detail]
 })


查看完整回答
反對 回復 2022-09-02
?
繁星點點滴滴

TA貢獻1803條經驗 獲得超3個贊

您可以使用箭頭函數 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions 它將它綁定到函數中


 data () {

    return {

      question: [],

      inputList: [],

      form: {}

    }

  },

 methods: {

   onSubmit: () => {

     let predictionParams = {}


     this.inputList.forEach((element) => {

       predictionParams[element.detail] = this.form[element.detail]

     })

   }


查看完整回答
反對 回復 2022-09-02
  • 3 回答
  • 0 關注
  • 320 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號