亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

es6函數問題

es6函數問題

手掌心 2019-03-15 15:02:33
今天在用vue的時候突然有個疑問:data () {    return {        value: 1     } },methods: {    a: function () {        console.log(this.value) //輸出1     },     b () {        console.log(this.value) //輸出1     },    c: () => {        console.log(this.value) //輸出undefined     } }請問上面a() b() c()三種寫法有什么區別?用的時候該如何選擇?
查看完整描述

2 回答

?
縹緲止盈

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

a和b其實是一樣的,a的ES5的寫法,b是ES6的寫法,c使用箭頭函數,會返回一個綁定當前執行上下文中的this,此處綁定的 this 是當前函數體內的this,嚴格模式下為undefined;

查看完整回答
反對 回復 2019-03-15
?
慕后森

TA貢獻1802條經驗 獲得超5個贊

  1. a 是屬性函數

  2. b 是函數b

  3. c 屬性函數指向箭頭函數,箭頭函數綁定 this,在 vue 里面會自動幫你綁定 this指向組件對象,如果你使用了箭頭函數。就會更改了原來 vue 的this對象。


查看完整回答
反對 回復 2019-03-15
  • 2 回答
  • 0 關注
  • 378 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

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

公眾號

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