在React中componentWillMount中的常量声明?

时间:2018-09-13 18:21:12

标签: javascript reactjs performance ecmascript-6 react-lifecycle

就性能而言,哪种方法是更好的第一或第二?

const getCookieValue = readCookie('my_var')应该声明在顶部,或者因为它的使用只是在这样的条件下才能更好地保留在if语句中

方法1

componentWillMount() {
  const {data1, data2} = this.props
  if(data1) {
    const getCookieValue = readCookie('my_var')
    if(getCookieValue === 'test_string') {
      // Statements ....
    }
  }
}

OR

方法2

componentWillMount() {
  const {data1, data2} = this.props
  const getCookieValue = readCookie('my_var')
  if(data1) {
    if(getCookieValue === 'test_string') {
      // Statements ....
    }
  }

}

1 个答案:

答案 0 :(得分:1)

明智的性能-方法1,您回答了您的问题-因为仅在一定条件下才能使用它,因此最好将其保留在内部