其它页面的JS文件里始终获取不了App全局变量的值是什么原因？

在App.js文件中我定义了

globalData: {
        userInfo: null,
        user_id: null,
        Headcolor: "#08b110",
    }

现在在另一个cla.js文件中我先var app = getApp()，然后在该页面的page里面

onLoad: function() {
        var t = this,  i = app.globalData.Headcolor;
        t.setData({
            backgroundColor: i,
        });
    },

最终这个backgroundColor始终是空值，打印出来看也是一样的，请问这是什么原因?