在微信小程序中获取全局对象,并对他进行 polyfill
微信小程序中的全局对象和其他环境中有所不同,通过 global
获取到的全局对象和 V8 JavaScript
引擎差距较大,很多时候需要兼容。
问题
小程序的主要开发语言是 JavaScript ,小程序的开发同普通的网页开发相比有很大的相似性。对于前端开发者而言,从网页开发迁移到小程序的开发成本并不高,但是二者还是有些许区别的。
通过 yarn add lodash.debounce
添加到原生微信小程序项目中的防抖代码无法直接运行。
// => TypeError: Cannot read property 'now' of undefined
这是因为,lodash
获取全局对象的方式在微信小程序中不适用
/** Detect free variable `global` from Node.js. */
var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
// => global.Object is undefined
/** Detect free variable `self`. */
var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
// => freeSelf is undefined
/** Used as a reference to the global object. */
var root = freeGlobal || freeSelf || Function('return this')();
// => root => {}
var now = function() {
return root.Date.now();
};
// => root.Date is undefined
解决方案
// lodash-polyfill.js
var g = typeof window !== 'undefined' &&
window.Math === Math ? window : typeof global === 'object' ? global : this
if (!g.Object) {
g.Object = Object
}
if (!g.Date) {
g.Date = Date
}
// app.js
require('./lodash-polyfill.js')
这样,就可以开开心心地在项目中使用 lodash.debounce
啦(*^▽^*)。