我很困惑为什么有时当我使用一个类的实例和一个承诺的组合我得到两种错误.如果我使用带有两个或三个链式承诺的Promise.all(),我有时只会在回调中得到一个未定义变量的错误.当我有一个包含多个属性和方法的复杂类时,我有一个未定义的类的实例与我的.then() 如果我的类很简单,我只使用一个或两个链式的promises我没有错误.有没有人知道为什么会这样？以下是我的目标代码结构示例:
(代码在最新的Firefox Nightly中正确执行,但在Chrome 47中没有执行)
'use strict';
class Controller {
constructor() {
this.data = 'data';
this.moredata = 'data';
this.evenmore = ['a', 'b', 'c'];
this.dataobj = {"a" : "1", "b" : "2", "c" : "3"};
}
}
//BLOCKED CODE
{
let cc = new Controller();
let loadeddata = null;
let xhr = $.getJSON('chapters.json', {}, (response) => {
loadeddata = response; //SOMETIMES IF CLASS IS COMPLEX IS NOT DEFINED (SOMETIMES IT IS)
}).fail(() => {
console.log('Failed to load JSON …当我使用display: inline-flex; 或显示：inline-grid；似乎有一些额外的“空间”或某种额外的重点计算发生。我不确定到底发生了什么。当使用箭头键在 contentediatble div 中导航时，插入符号会卡住，好像它专注于不同的元素或其他东西。有谁知道原因？如果是这样，无论如何要防止这种行为（不使用 JavaScript 来处理事件）？
考虑以下两个 contenteditable div 之间的区别：
（使用箭头键导航时，插入符号会“卡在”“Hello”和“World”之间）
<div contenteditable="true"><span style="display: inline-flex;"><span>Hello</span></span><span style="display: inline-flex;">World!</span></div>
<div contenteditable="true"><span style="display: inline;"><span>Hello</span></span><span style="display: inline;">World!</span></div>