commas_javascript ヒントが不規則であるため、JavaScript コードは IE と互換性がありません

フロントエンド開発に ExtJS を使用する場合、Google Chrome および Firefox ではシステムが正常に表示されることがわかりましたが、IE ブラウザで開くと、次のようなエラー メッセージが報告されます。文字列または数値。後でコードを確認したところ、js コード内でカンマが不規則に使用されているため、IE と互換性がないことがわかりました。

私は Eclipse を使用してコードを記述しているため、Eclipse を使用してこの問題を解決する方法を紹介します。

たとえば、次のような不規則なコードがあります:

Ext.onReady(function() {
var panel = Ext.create('Ext.container.Viewport', { 
layout : 'border',
items : [{
title : 'north panel',
html : 'north content',
region : 'north',
height : 100,
}, {
title : 'west panel',
html : 'west content',
region : 'west',
width : 150, // 这是备注1
}, {
title : 'main panel',
html : 'main content',
region : 'center',
/* 这是备注2*/
}]
});
});

ご覧のとおり、100、150、センターの後にカンマ (,) があり、IE で実行すると実際にエラーが報告されます。コードがこのように記述されたので、この問題を検出する方法を説明します。

図 1: ファイル検索

上の図 1 に示すように、Eclipse のファイル検索機能を使用して正規表現を使用して検索できます。正規表現は s*} です。ただし、問題があり、コメントに // または /**/ を追加すると、上記の最初のエラーのみが取得されます。ただし、yuicompressor などの JS コード圧縮ツールを使用してコードを圧縮することもでき、圧縮中にすべてのコメントが削除され、圧縮された JS ファイルが検出されます。もちろん、それを検出する独自のアルゴリズムを作成することもできますが、これは一般の人にとってはまだ困難です。

ただし、ここでは Spket プラグインを使用する別の方法をお勧めします。Spket の公式 Web サイトは http://www.spket.com/ です。 Spket の eclipse プラグインをダウンロードします。ダウンロード後、プラグインをインストールし、spket で js ファイルを開くこともできます。

図 2: Spket を使用した検出

上の図 2 に示すように、Spket はコードの不規則性を自動的に検出し、問題のある領域をマークしてくれるので、コードを作成する際に問題を見つけることができ、標準化された美しいコードを書くことができるため、この方法を使用することをお勧めします。 ！ちなみに、IE に存在しないオブジェクトが使用されていることが原因で互換性が失われることがあります。たとえば、Firefox や Google には console オブジェクトが存在しますが、IE で console.info を使用するとエラーが報告されます。したがって、互換性のないオブジェクトをコードから必ず削除してください。

上記では、JavaScript コードが不規則なカンマによって IE と互換性がない問題について紹介しました。お役に立てれば幸いです。