Я начинающий программист, и я учусь JavaScript Мне нужно использовать babel для преобразования моих кодов ES6 и ESnext в ES5. Когда я делаю это, окончательный код работает на настольных браузерах, но не на мобильных браузерах Я тестирую много способов, но они дают одинаковые результаты: первый онлайн-компилятор, второй автономный с npm, веб-пакет, @ babel / core, @ babel / preset-env, babel-loader и babel-polyfill Код перед использованием babel:
alert('Hello');
let getData = async ()=>{
const response = await fetch('http://mywebsite/getData.php');
return await response.json();
};
getData().then((data)=>{
alert(data['properties'][0]['title']);
console.log(data['properties'][0]['title']);
});
alert('Goodbye');
Код после (с веб-сайтом):
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
alert('Hello');
var getData = /*#__PURE__*/function () {
var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
var response;
return regeneratorRuntime.wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
_context.next = 2;
return fetch('http://mywebsite/getData.php');
case 2:
response = _context.sent;
_context.next = 5;
return response.json();
case 5:
return _context.abrupt("return", _context.sent);
case 6:
case "end":
return _context.stop();
}
}
}, _callee);
}));
return function getData() {
return _ref.apply(this, arguments);
};
}();
getData().then(function (data) {
alert(data['properties'][0]['title']);
console.log(data['properties'][0]['title']);
});
alert('Goodbye');
Автономные коды слишком велики и их невозможно показать У тебя есть идеи?