動的タイピングを解明しようとしているときにエラーが発生しました

Question

このコードでエラーを指摘できますか？

var top = "800px"; 
var pos = top.indexOf('px'); 
top = top.substring(0,pos); 
console.log(top); 
top+=5; 
console.log(top); 
top+="px"; 
console.log(top); 

それは私がそれを操作中に、トップの種類を変更するかどうかをチェックしようとしている、私が使用しているものに関係なくコンパイルされません。

Answer 1

topは、そのポイントを一番上のウィンドウに上書きすることはできません。reserved variable nameです。

だけtopPosのように、何か他のものに変数名を変更し、あなたが行ってもいいです：

var topPos = "800px"; 
var pos = topPos.indexOf('px'); 
topPos = topPos.substring(0,pos); 
console.log(topPos); 
topPos+=5; 
console.log(topPos); 
topPos+="px"; 
console.log(topPos); 

しかし、topはだけなので、関数内のコードをラップ、グローバルスコープに予約されていますまた、問題を解決します

function run() { 
    var top = "800px"; 
    var pos = top.indexOf('px'); 
    top = top.substring(0,pos); 
    console.log(top); 
    top+=5; 
    console.log(top); 
    top+="px"; 
    console.log(top); 
} 
run(); 

Answer 2

[OK]を、私はマイナーな変更のカップルをした：

• topからtop1に変更されました。これは、ここではtopが既にサンドボックスに定義されており、使用できなかったという事実を克服することでした。
• を追加する前に、top1を数値にキャストするために変更された1行が追加されました。

var top1 = "800px"; 
 
console.log(top1); 
 

 
var pos = top1.indexOf('px'); 
 
top1 = top1.substring(0,pos); 
 
console.log(top1); 
 
// Force top back to being a number 
 
top1 = +top1 + 5; 
 
console.log(top1); 
 
top1+="px"; 
 
console.log(top1);