VSCodeでJavaScriptのインテリセンス機能がうまく働かない

Question

前提・実現したいこと

VSCodeで記述したJavaScriptの関数やメソッド内でインテリセンス機能がうまく働かず候補が表示されないので表示されるようにしたい

該当のソースコード: 例1

関数内でstr.と入力した時点で本来ならsplitなどの候補が上がると思いますがそれが出ない
関数の外でa.とした時にはsplitの候補は出る
例2のコードに似ていますが、この場合はconsole.log(a.とした時点でsplitの候補が出る

function f(str) {
　　return str.split(' ');
}

const a = "abc def";
console.log(f(a));

該当のソースコード: 例2

あくまでも例えですがconsole.log()の中に記述したいメソッドの候補が出るときと出ない時がある
同じメソッドでも出る時と出ない時があり違いが解らない

const a = 2;
const b = 3;

console.log(Math.floor(2 / 3);

試したこと

Visual Studio IntelliCodeのインストール

以下を記述することで関数については回避できますが
これを全ての関数や変数に対して記述するのは現実的に無理がある状態です
/**

• @param {string} str

*/

Answer 1

おそらくですが、function のパラメータstr の型を特定できないからではないでしょうか？
例えば、下記のように書き換えると補完が効くかもです。

function a(str) {
    const tmp = str + ''
    return tmp.split(' ')
}

const tmp = str + '' の部分で文字列にしているので、
型が決まり、補完候補を特定できると思います。

それと同様なのがJSDoc で、"試したこと" で試された内容になるかと思います。

もし可能であれば、パラメータの型を指定できるTypeScript を導入してみてはいかがでしょうか。
スパっと解決できる回答ではなくて、すいませんm(_ _)m

※Visual Studio IntelliCode を利用して試してみました

Comments

[hiroshi17]

回答ありがとうございます
言い忘れてたことがありました
関数のパラメーターstrに空文字なりの初期値を設定すれば回避できることは知っていました
ただ、それも現実的ではないなと思いました

VSCodeの設定の問題なのかなと思ったのですがtshionさんも同じ現象ということは言語の問題なのですね

TypeScriptを検討してみたいと思います

[tshion]

> 同じ現象ということは言語の問題なのですね

はい、JavaScript で型を明示できないのが、今回の問題のような気がしております。

> TypeScriptを検討してみたいと思います

はい、チャレンジしてみる価値はあると思いますので、頑張ってくださいm(_ _)m