LWC cursor Flow in event Methods

Server-side calls are implemented as promises in LWC. This means that when the line of code that calls the server runs, the Promise is placed in a queue for later execution. The rest of your code is then run ("Called On Click Method", "Result Value"), then the Promise returns, and then the output "Logic Inside Method" is logged.

There are two ways to deal with this. The easier version is to simply add async/await to your code:

async handleOnclickSelect(event) {
    let accountRec = event.detail.row;
    let targetRowId = accountRec.Id;
    await this.checkAccountDetails(targetRowId);
    console.log('Called On Click Method');
    console.log('Result Value ',this.hasresult);
}
async checkAccountDetails(accountId) {
    const returnValue = await checkAccountDtsRec({ accountId });
    // some logic
    this.hasresult = true;
    console.log('Logic Inside Method');
}

The await keyword makes the code wait until the Promise resolves. This is usually far easier to read and maintain than using Promise/then.

If you do want to use Promise/then, you still need to wait, which we can do like this:

handleOnclickSelect(event) {
    let accountRec = event.detail.row;
    let targetRowId = accountRec.Id;
    this.checkAccountDetails(targetRowId).then(() => {
    console.log("Called On Click Method");
    console.log("Result Value ", this.hasresult);
    });
}
checkAccountDetails(recordId) {
    return new Promise((resolve, reject) => {
    checkAccountDtsRec({
        accountId: recordId,
    }).then((result) => {
        if (result != undefined) {
        // some logic
        this.hasresult = true;
        console.log("Logic Inside Method");
        resolve(result);
        } else {
        reject(result);
        }
    });
    });
}