Warum ist mein Zustand nicht definiert?

Question

Im Folgenden finden Sie ES5 Syntax

function customMsg(state, action) { 
    state = state || {}; 
    return $.extend({}, state, { 
     isFetching: false, 
     didInvalidate: false, 
     checkStatus: checkStatus(state.checkStatus, action) 
    }); 
} 

function checkStatus(state, action) { 
    state = state || { 
     isFetching: false, 
     didInvalidate: false, 
     type: "room" 
    }; 
     return state; 
    } 
} 

Unten es6 ist Syntax

const initialStae = { 
    isFetching: false, 
    didInvalidate: false, 
    checkStatus: checkStatus(state.checkStatus, action) 
} 

function customMsg(state = initialStae, action) { 
    return state; 
} 

function checkStatus(state, action) { 
    state = state || { 
     isFetching: false, 
     didInvalidate: false, 
     type: "room" 
    }; 

    return state; 
} 

Warum meine Linie 7 wird "Zustand ist nicht definiert" aus es6?

customMsgReducer.js:36Uncaught ReferenceError: state is not defined(…) 

Answer 1

In ES5 definieren Sie state = state || {}; und dann state.checkStatus erreichbar. Daher funktioniert es.

function customMsg(state, action) { 
    state = state || {}; 
    return $.extend({}, state, { 
     isFetching: false, 
     didInvalidate: false, 
     checkStatus: checkStatus(state.checkStatus, action) 
    }); 
} 

Aber in ES6, greifen Sie state.checkStatus ohne die state definiert, die undefined hier. Daher ist der Zugriff auf checkStatus von undefined Wurffehler.