ThisType cant work in the block scope of function

[rudyxu1102]

Bug Report

🔎 Search Terms

ThisType

🕗 Version & Regression Information

• This is a crash
• This is the behavior in every version I tried, and I reviewed the FAQ for entries about ThisType

⏯ Playground Link

Playground link with relevant code

💻 Code

function defineComp<Bar, Data>(
  options: {
    bar: Bar,
    foo: () => Data
  } & ThisType<{ bar: Bar }>
): Bar
function defineComp(options: any) {
  return options.bar
}

// failed
const aaa = defineComp({
  foo() {
    console.log(this.bar) // no error
    return {
      count: this.bar() // throw error
    }
  },
  bar() {
    return '1'
  },
})

// work
const bbb = defineComp({
  bar() {
    return '1'
  },
  foo() {
    console.log(this.bar)
    return {
      count: this.bar() // it's work
    }
  },
})

🙁 Actual behavior

TS error: (property) bar: unknown in aaa

🙂 Expected behavior

no error

[MartinJohns]

I believe this is essentially a duplicate of #45213.

When encountering the this.bar() call the compiler has no clue what bar is because it hasn't been defined yet.

[typescript-bot]

This issue has been marked as a 'Duplicate' and has seen no recent activity. It has been automatically closed for house-keeping purposes.