編寫JavaScript的多行字符串在Perl

Question

我試圖創造運用Q {}這樣一個Javascript的字符串：

my $javascript = q{ 
     $(function() { 
      var chart; 

      $(document).ready(function() { 

       // Build the chart 
       $(\'#container\').highcharts({ 
        chart: { 
         plotBackgroundColor: null, 
         plotBorderWidth: null, 
         plotShadow: false 
        }, 
        title: { 
         text: \'title\' 
        }, 
    }; 

它需要在這樣的片段，而不是完整的Javascript塊。我的問題是，由於該塊沒有完成，它包含開括號'{'，沒有右括號，perl正在將q {}的右括號解釋爲其中一個javascript塊的右括號。我嘗試使用q（）代替，但同樣的問題發生。我可以使用另一個字符作爲分隔符而不是（或{？我也嘗試過使用qq，但導致同樣的問題，它涉及更多的轉義。我知道我可以做到沒有q或qq，只寫個別行，但這看起來清爽多了，所以我希望得到這個工作，我相信一定有辦法 感謝

Answer 1

在單引號文字中，您必須轉義\和分隔符（本例中爲{和}）。

q{abc\{def\\ghi'jkl} # Produces: abc{def\ghi'jkl 

例外：如果它不含糊，則無需轉義\。

q{abc\\def} # Produces: abc\def 
q{abc\def}  # Produces: abc\def, just like previous 

q{abc\\\\def} # Produces: abc\\def 
q{abc\\\def} # Produces: abc\\def, just like previous 

例外：如果你使用{}，[]或()分隔符是字面平衡你不必分隔符。

q{ foo \{ bar \{ baz \} qux \} moo } # Produces: foo { bar { baz } qux } moo 
q{ foo \{ bar { baz } qux \} moo }  # Same as above 
q{ foo { bar { baz } qux } moo }  # Same as above 

問題是你沒有正確地逃脫你的分隔符。如果結果爲\'，您也希望\'導致'。

my $javascript = q{ 
    $(function() \{       <---- Escape 
     var chart; 

     $(document).ready(function() \{  <---- Escape 

      // Build the chart 
      $('#container').highcharts({  <---- No slash for ', and 
       chart: {       optional for balanced { } 
        plotBackgroundColor: null, 
        plotBorderWidth: null, 
        plotShadow: false 
       }, 
       title: { 
        text: 'title' 
       }, 
}; 

更好的是，使用不出現在文本中的分隔符。 （你只需要逃避\\。）

my $javascript = q~ 
    $(function() { 
     var chart; 

     $(document).ready(function() { 

      // Build the chart 
      $('#container').highcharts({ 
       chart: { 
        plotBackgroundColor: null, 
        plotBorderWidth: null, 
        plotShadow: false 
       }, 
       title: { 
        text: 'title' 
       }, 
~; 

另一種選擇是使用單引號定界符。你不需要—確實你不能—轉義任何東西。

my $javascript = <<'__EOJS__'; 
    $(function() { 
     var chart; 

     $(document).ready(function() { 

      // Build the chart 
      $('#container').highcharts({ 
       chart: { 
        plotBackgroundColor: null, 
        plotBorderWidth: null, 
        plotShadow: false 
       }, 
       title: { 
        text: 'title' 
       }, 
__EOJS__ 

Answer 2

使用不同的分隔符像q~ ~

my $javascript = q~ 
     $(function() { 
      var chart; 

      $(document).ready(function() { 

       // Build the chart 
       $('#container').highcharts({ 
        chart: { 
         plotBackgroundColor: null, 
         plotBorderWidth: null, 
         plotShadow: false 
        }, 
        title: { 
         text: 'title' 
        }, 
    ~; 

或者使用定界符。！

my $javascript = <<'END_JS'; 
     $(function() { 
      var chart; 

      $(document).ready(function() { 

       // Build the chart 
       $('#container').highcharts({ 
        chart: { 
         plotBackgroundColor: null, 
         plotBorderWidth: null, 
         plotShadow: false 
        }, 
        title: { 
         text: 'title' 
        }, 
END_JS 

注意：I tra在上面的文本中，所有的\'都只是'，因爲它們很可能是最初使用單引號作爲分隔符的工件。