What does a nested function inside a method see as this, compared with a nested arrow?

var x = "global";
 
const obj = {
  x: "obj",
  outer() {
    function inner() {
      return this.x;
    }
    const arrow = () => this.x;
    return [inner(), arrow()];
  },
};
 
console.log(obj.outer());