javascriptでのエスケープシーケンス

Question

まだまだJavascriptは素人で恐縮ですが、以下の変数を宣言すると動作をしなくなってしまいます。

    var icon='<i class=¥"fa fa-star¥" aria-hidden=¥"true¥" style=¥"color: yellow; -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: orange;¥"></i>';

素人ながら
エスケープシーケンス上の問題なのかと想像しているのですが、どなたかお力添えを頂けますでしょうか。
何卒、よろしくお願い申し上げます。

Answer 1

単純な、変数定義ですよね？？？

Google Chromeなどの、「デベロッパーツール」で見てみてください。
何らかのエラー理由が表示されるかと思います。

とは言いながら・・・

-webkit-text-stroke-color:

の前に改行が入っているとか？

¥"

ではなく、

\"

でないと駄目だとか(Mac Win)?

Comments

[RyoseiEgawa]

おっしゃる通り、改行が含まれておりました、ご指摘いただきまことにありがとうございます。

Answer 2

改行含んでるから駄目なのでは？

var icon='<i class=¥"fa fa-star¥" aria-hidden=¥"true¥" style=¥"color: yellow; '
        + ' -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: orange;¥"></i>';

これでもエラーになりますか？

Comments

[RyoseiEgawa]

おっしゃる通り、改行が入っていました。ご指摘いただきありがとうございます。Javascript上、変数を宣言する際に、改行を含めてはいけないというルールなのでしょうか、、
因みにですが、
callback: function(value) {
return document.writeln(icon) + value;}
のために宣言していた変数なのですが、これはこれでエラーが出てしまうのですが、Javascriptで認められていない記法なのでしょうか。。こちらはChart.jsで使用される関数になります。御教示をいただければ大変幸いです。

素人な質問ばかりで恐れ入りますが、
よろしくお願い申し上げます。

[otn]

> 変数を宣言する際に、改行を含めてはいけないというルールなのでしょうか
変数宣言に改行を入れるのは問題ありません。
文字列リテラルの中に改行を含めることは出来ません。

> これはこれでエラーが出てしまうのですが
期待通りの結果にはならなそう（おかしな記述）ですが、記法が文法エラーと言うことは無さそうです。