diff options
Diffstat (limited to 'files/zh-cn')
10 files changed, 119 insertions, 52 deletions
diff --git a/files/zh-cn/learn/css/building_blocks/sizing_items_in_css/index.html b/files/zh-cn/learn/css/building_blocks/sizing_items_in_css/index.html index 7d09b770d9..0981cefa1d 100644 --- a/files/zh-cn/learn/css/building_blocks/sizing_items_in_css/index.html +++ b/files/zh-cn/learn/css/building_blocks/sizing_items_in_css/index.html @@ -52,7 +52,7 @@ translation_of: Learn/CSS/Building_blocks/Sizing_items_in_CSS <h3 id="把百分数作为内外边距">把百分数作为内外边距</h3> -<p>如果你把<code>margins</code>和<code>padding</code>设置为百分数的话，你会注意到一些奇怪的表现。在下面的例子里，我们有一个盒子，我们给了里面的盒子10%的{{cssxref("margin")}}，外面的盒子10%的{{cssxref("padding")}}。盒子底部和顶部的内外边距，和左右外边距有同样的大小。</p> +<p>如果你把<code>margins</code>和<code>padding</code>设置为百分数的话，你会注意到一些奇怪的表现。在下面的例子里，我们有一个盒子，我们给了里面的盒子10%的{{cssxref("margin")}}以及10%的{{cssxref("padding")}}。盒子底部和顶部的内外边距，和左右外边距有同样的大小。</p> <p>{{EmbedGHLiveSample("css-examples/learn/sizing/percent-mp.html", '100%', 700)}}</p> diff --git a/files/zh-cn/learn/javascript/building_blocks/looping_code/index.html b/files/zh-cn/learn/javascript/building_blocks/looping_code/index.html index 3fb1a217da..ab938e9c5b 100644 --- a/files/zh-cn/learn/javascript/building_blocks/looping_code/index.html +++ b/files/zh-cn/learn/javascript/building_blocks/looping_code/index.html @@ -312,21 +312,21 @@ para.textContent = info;</pre> <p>然后是JavaScript：</p> -<pre class="brush: js">var contacts = ['Chris:2232322', 'Sarah:3453456', 'Bill:7654322', 'Mary:9998769', 'Dianne:9384975']; -var para = document.querySelector('p'); -var input = document.querySelector('input'); -var btn = document.querySelector('button'); +<pre class="brush: js">const contacts = ['Chris:2232322', 'Sarah:3453456', 'Bill:7654322', 'Mary:9998769', 'Dianne:9384975']; +const para = document.querySelector('p'); +const input = document.querySelector('input'); +const btn = document.querySelector('button'); -btn.addEventListener('click', function(){ - var searchName = input.value; +btn.addEventListener('click', function() { + let searchName = input.value.toLowerCase(); input.value = ''; input.focus(); - for (var i = 0; i < contacts.length; i++) { - var splitContact = contacts[i].split(':'); - if (splitContact[0] === searchName) { + for (let i = 0; i < contacts.length; i++) { + let splitContact = contacts[i].split(':'); + if (splitContact[0].toLowerCase() === searchName) { para.textContent = splitContact[0] + '\'s number is ' + splitContact[1] + '.'; break; - } else { + } else if (i === contacts.length - 1) { para.textContent = 'Contact not found.'; } } diff --git a/files/zh-cn/mdn/contribute/feedback/index.html b/files/zh-cn/mdn/contribute/feedback/index.html index 1eb0e71883..6c3dc4bc67 100644 --- a/files/zh-cn/mdn/contribute/feedback/index.html +++ b/files/zh-cn/mdn/contribute/feedback/index.html @@ -1,46 +1,61 @@ --- -title: 发送有关MDN Web Docs的反馈 +title: 向 MDN Web Docs 发送反馈 slug: MDN/Contribute/Feedback tags: - - 公用 + - Documentation + - Guide + - MDN + - MDN Meta --- <div>{{MDNSidebar}}</div> -<p>欢迎来到 Mozilla 开发者网络！如果你现在遇到了一些问题，或者想要给我们提一些建议，那么你来对地方了。在事实上，向我们提供反馈会使你更接近 Mozilla 社区中的一员，我们提前祝贺你。</p> +<p>欢迎来到 MDN Web Docs！<span class="seoSummary">在使用过程中，如果遇到了问题或者对我们有些建议，那你就来对地方了。只要有兴趣反馈你的意见，Mozilla Community 永远欢迎你的加入。在此，向你提前表达我们的谢意！</span></p> -<p>你可以使用本文下方提到的方式来发表你自己的看法。</p> +<p>这篇文章介绍了几种方式，帮助分享你的见解。</p> -<h2 id="更新文档">更新文档</h2> +<h2 id="Update_the_documentation">更新文档</h2> -<p>首先，如果你发现某篇文档存在问题，首先应该尝试自己能否修正它。你只需登录，然后点击蓝色的"编辑"按钮打开编辑器，就可以编辑那份文档了。这里的所有文档都是以 wiki 为形式，它们是由一些 Mozilla 员工和志愿者共同维护的，你不用担心犯错，你在编辑文档时的用语也并非必须完全正确。如果你弄错什么，我们会发现和修复它，完全ok！</p> +<p>在浏览 MDN 时，假如发现某篇文章有些问题，你完全可以试着自己动手去改正它。如果对此感兴趣，这里有一篇<a href="https://github.com/mdn/content/#making-contributions">参与指南</a>供你参考。</p> -<p>想要了解更多有关如何贡献 MDN 文档的知识，请查看：</p> +<p>MDN 的文件内容现在都存放在<a href="https://github.com/mdn/content/"> GitHub 上的仓库</a>中（翻译后的内容则存放在 <a href="https://github.com/mdn/translated-content">Translated Content</a>中)，由一群志愿者和拿薪水的员工共同管理。所以请放心大胆地参与到编辑中，会有人及时审核这些内容并帮助你修改它。</p> + +<p>在 MDN 站内，有文章可以为你提供更多的帮助，比如：</p> <ul> - <li><a href="/zh-CN/docs/Project:Getting_started" title="/zh-CN/docs/Project:Getting_started">开始行动</a></li> - <li><a href="/zh-CN/docs/Project:How_to_Help" title="/zh-CN/docs/Project:How_to_Help">我该如何提供帮助</a></li> - <li><a href="/zh-CN/docs/Project:MDN_editing_interface" title="/zh-CN/docs/Project:MDN_editing_interface">MDN编辑接口</a></li> + <li>在「<a href="/zh-CN/docs/MDN/Contribute/Getting_started">初识 MDN</a>」中，简要介绍了参与方法。</li> + <li>在「<a href="/zh-CN/docs/MDN/Contribute">为 MDN 做贡献</a>」中，列出了许多等待参与的任务。</li> </ul> -<h2 id="加入讨论组">加入讨论组</h2> +<h2 id="Join_the_conversation">参与讨论</h2> + +<p>欢迎和我们交流！下面列出了一些途径，方便你和 MDN 中其他的参与者们更好地交流。</p> + +<h3 id="Synchronous_Chat">在线实时聊天</h3> + +<p>我们使用 <a href="https://wiki.mozilla.org/Matrix">Matrix</a> 来进行实时交流，主要是关于 MDN 以及其中的内容。我们随时都欢迎你的加入！</p> + +<p><a href="https://chat.mozilla.org/#/room/#mdn:mozilla.org">MDN Web Docs</a></p> -<p>我们使用互联网中继聊天（IRC）系统来讨论关于 MDN 的所有事情。你可以加入我们！根据你感兴趣的领域不同，我们有几个频道可供你选择：</p> +<p>一些日常的讨论，像网站的使用问题、网站上的文字内容、参与网站志愿编辑工作等，都可以在这个聊天室进行。如果你对网站上的文章内容有疑问或建议，或者希望在网站上看到或亲手创作一篇某个主题的新文章，又或者，你只是想接触到网站的内容创作者们，都可以在里面交流。</p> -<dl> - <dt><a href="irc://irc.mozilla.org/mdndev" title="/zh-CN/docs/">开发者文档内容(#devmo)</a></dt> - <dd>#devmo 频道用来讨论与实际的文档内容有关的话题。如果你有和某篇文档相关的问题，想察看某些方面的文档，或者想自己写一些新的文档，都可以来这里与我们交流。</dd> - <dt><a href="irc://irc.mozilla.org/mdn" title="irc://irc.mozilla.org/mdn">MDN网站(#mdn)</a></dt> - <dd>这个频道讨论关于 MDN 的任何事情。如果你不确定应该去哪个频道寻求帮助，或者不知道你具体遇到了哪个方面的问题，可以在这里提问。</dd> - <dt><a href="irc://irc.mozilla.org/mdndev" title="irc://irc.mozilla.org/mdndev">文档站点开发(#mdndev)</a></dt> - <dd>#mdndev 频道是我们讨论 MDN 网站所使用的这个 wiki 系统（名为 kuma）的地方。如果网站本身的功能遇到了问题，或者你有一些好点子能让这个系统变得更好，那么就加入我们的讨论吧。</dd> -</dl> +<h3 id="Asynchronous_Discussions">在线论坛</h3> -<h2 id="报告一个问题">报告一个问题</h2> +<p><a href="https://discourse.mozilla-community.org/c/mdn">MDN 的论坛</a>上，大多是一些需要反复讨论的内容。如果你想发起这样的讨论，向我们的邮箱——<a href="mailto://mdn@mozilla-community.org">mdn@mozilla-community.org</a>——发送邮件即可。在论坛注册帐号后，你还可以选择通过邮件来提醒你帖子下的新内容。</p> -<h3 id="文档问题">文档问题</h3> +<h2 id="Report_an_issue">问题反馈</h2> + +<h3 id="Documentation_issues">文档问题</h3> + +<p>任何情况下，如果你无法自己修改在文档中发现的问题，可以<a href="https://github.com/mdn/content/issues/new/choose">向我们提交 issue</a>。你遇到的任何问题，都可以在这里反馈。如果是翻译上的问题，<a href="https://github.com/mdn/translated-content/issues/new/choose">向 Translated-content Repo 提交一个 issue</a> 会更合适。下面是一些比较常见 issue 的主题：</p> + +<ul> + <li>内容的简单修正</li> + <li>请求修正某些错误的内容</li> + <li>反馈文章中有不太合适的内容（比如垃圾信息或不合适的翻译）</li> + </ul> -<p>如果你在某个文档中发现了任何的错误，但又无法自己修复，那么你就可以<a href="https://bugzilla.mozilla.org/enter_bug.cgi?alias=&assigned_to=nobody%40mozilla.org&blocked=&bug_file_loc=http%3A%2F%2F&bug_severity=normal&bug_status=NEW&comment=&component=General&contenttypeentry=&contenttypemethod=autodetect&contenttypeselection=text%2Fplain&data=&defined_groups=1&dependson=&description=&flag_type-4=X&flag_type-607=X&flag_type-791=X&flag_type-800=X&form_name=enter_bug&keywords=&maketemplate=Remember%20values%20as%20bookmarkable%20template&op_sys=All&priority=--&product=Developer%20Documentation&qa_contact=&rep_platform=All&requestee_type-4=&requestee_type-607=&requestee_type-791=&requestee_type-800=&short_desc=&status_whiteboard=&target_milestone=---&version=unspecified" title="https://bugzilla.mozilla.org/enter_bug.cgi?alias=&assigned_to=nobody%40mozilla.org&blocked=&bug_file_loc=http%3A%2F%2F&bug_severity=normal&bug_status=NEW&comment=&component=General&contenttypeentry=&contenttypemethod=autodetect&contenttypeselection=text%2Fplain&data=&defined_groups=1&dependson=&description=&flag_type-4=X&flag_type-607=X&flag_type-791=X&flag_type-800=X&form_name=enter_bug&keywords=&maketemplate=Remember%20values%20as%20bookmarkable%20template&op_sys=All&priority=--&product=Developer%20Documentation&qa_contact=&rep_platform=All&requestee_type-4=&requestee_type-607=&requestee_type-791=&requestee_type-800=&short_desc=&status_whiteboard=&target_milestone=---&version=unspecified">把这个问题报告给我们</a>！谢谢</p> + <p>如前文所说，我们邀请你亲手贡献对文章的更正，当然，这部分工作是个可选项。</p> -<h3 id="网站问题">网站问题</h3> +<h3 id="Site_issues">网站问题</h3> -<p>如果你遇到了一些 MDN 网站本身的问题，或者有一些能改进MDN系统的好点子，可以到 Mozilla 的 Bugzilla 系统上<a href="https://bugzilla.mozilla.org/enter_bug.cgi?alias=&assigned_to=nobody%40mozilla.org&blocked=&bug_file_loc=http%3A%2F%2F&bug_severity=normal&bug_status=NEW&comment=&contenttypeentry=&contenttypemethod=autodetect&contenttypeselection=text%2Fplain&data=&defined_groups=1&dependson=&description=&flag_type-4=X&flag_type-607=X&flag_type-791=X&flag_type-800=X&form_name=enter_bug&keywords=&maketemplate=Remember%20values%20as%20bookmarkable%20template&op_sys=All&priority=--&product=Mozilla%20Developer%20Network&qa_contact=website%40mdn.bugs&rep_platform=All&requestee_type-4=&requestee_type-607=&requestee_type-791=&requestee_type-800=&short_desc=&status_whiteboard=&target_milestone=---&version=unspecified" title="https://bugzilla.mozilla.org/enter_bug.cgi?alias=&assigned_to=nobody%40mozilla.org&blocked=&bug_file_loc=http%3A%2F%2F&bug_severity=normal&bug_status=NEW&comment=&contenttypeentry=&contenttypemethod=autodetect&contenttypeselection=text%2Fplain&data=&defined_groups=1&dependson=&description=&flag_type-4=X&flag_type-607=X&flag_type-791=X&flag_type-800=X&form_name=enter_bug&keywords=&maketemplate=Remember%20values%20as%20bookmarkable%20template&op_sys=All&priority=--&product=Mozilla%20Developer%20Network&qa_contact=website%40mdn.bugs&rep_platform=All&requestee_type-4=&requestee_type-607=&requestee_type-791=&requestee_type-800=&short_desc=&status_whiteboard=&target_milestone=---&version=unspecified">提交一个请求</a>。 </p> +<p>假如发现了网站本身的问题，或者对网站的功能有任何的建议，你都可以<a href="https://github.com/mdn/yari/issues">直接联系 MDN 的开发团队</a>。</p> diff --git a/files/zh-cn/web/api/htmlcanvaselement/getcontext/index.html b/files/zh-cn/web/api/htmlcanvaselement/getcontext/index.html index 07c0e6820c..b33d9bf95c 100644 --- a/files/zh-cn/web/api/htmlcanvaselement/getcontext/index.html +++ b/files/zh-cn/web/api/htmlcanvaselement/getcontext/index.html @@ -78,7 +78,7 @@ var <em>ctx</em> = <em>canvas</em>.getContext(<em>contextType</em>, <em>contextA </ul> </li> <li> - <p><strong><code>premultipliedAlpha</code></strong>: 表明排版引擎讲假设绘制缓冲区包含预混合alpha通道的{{jsxref("boolean")}}值。</p> + <p><strong><code>premultipliedAlpha</code></strong>: 表明排版引擎将假设绘制缓冲区包含预混合alpha通道的{{jsxref("boolean")}}值。</p> </li> <li> <p><strong><code>preserveDrawingBuffer</code></strong>: 如果这个值为{{jsxref("true")}}缓冲区将不会被清除，会保存下来，直到被清除或被使用者覆盖。</p> diff --git a/files/zh-cn/web/api/navigator/language/index.html b/files/zh-cn/web/api/navigator/language/index.html new file mode 100644 index 0000000000..a4e3508ec7 --- /dev/null +++ b/files/zh-cn/web/api/navigator/language/index.html @@ -0,0 +1,50 @@ +--- +title: Navigator.language +slug: Web/API/Navigator/language +tags: + - API + - Language + - Navigator + - Property + - Read-only + - Reference +browser-compat: api.Navigator.language +translation_of: Web/API/Navigator/language +--- +<div>{{APIRef("HTML DOM")}}</div> + +<p><strong><code>Navigator.language</code></strong> 为只读属性，返回一个表示用户偏好语言（通常是浏览器界面语言）的字符串。 </p> + +<h2 id="Syntax">语法</h2> + +<pre class="brush: js">const <em>lang</em> = navigator.language +</pre> + +<h3 id="Value">值</h3> + +<p>一个 {{domxref("DOMString")}}。<em><code>lang</code></em>存储了一个在 <a class="external" + href="https://tools.ietf.org/rfc/bcp/bcp47.txt">BCP 47</a> 中定义的语言版本。一些有效的语言版本代码示例包括： “en”、“en-US”、“fr”、“fr-FR”、“es-ES” 等。</p> + +<p>请注意，在 iOS 10.2 之前的 Safari 中，返回的语言版本代码是小写的： “en-us”、“fr-fr” 等。</p> + +<h2 id="Example">示例</h2> + +<pre class="brush: js">if (/^en\b/.test(navigator.language)) { + doLangSelect(window.navigator.language); +} +</pre> + +<h2 id="Specifications">规格</h2> + +{{Specifications}} + +<h2 id="Browser_compatibility">浏览器兼容性</h2> + +<p>{{Compat}}</p> + +<h2 id="See_also">更多参见</h2> + +<ul> + <li>{{domxref("navigator.languages")}}</li> + <li>{{domxref("navigator")}}</li> +</ul> diff --git a/files/zh-cn/web/api/url/searchparams/index.html b/files/zh-cn/web/api/url/searchparams/index.html index d4d775aed0..a3ac04aded 100644 --- a/files/zh-cn/web/api/url/searchparams/index.html +++ b/files/zh-cn/web/api/url/searchparams/index.html @@ -18,7 +18,7 @@ translation_of: Web/API/URL/searchParams <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">const <em>urlSearchParams</em> = <em>url</em>.searchParams</pre> +<pre class="syntaxbox notranslate brush: js">const <em>urlSearchParams</em> = <em>url</em>.searchParams</pre> <h3 id="属性值">属性值</h3> @@ -26,7 +26,7 @@ translation_of: Web/API/URL/searchParams <h2 id="例子">例子</h2> -<p>如果你的 URL 是 <code>https://example.com/?name=Jonathan&age=18</code> ，你可以这样解析 URL，然后得到 <code>name</code> 和 <code>age</code> 的值。</p> +<p>如果你的 URL 是 <code>https://example.com/?name=Jonathan%20Smith&age=18</code> ，你可以这样解析 URL，然后得到 <code>name</code> 和 <code>age</code> 的值。</p> <pre class="brush: js notranslate">let params = (new URL(document.location)).searchParams; let name = params.get('name'); // is the string "Jonathan Smith". diff --git a/files/zh-cn/web/css/transform-function/rotate3d()/index.html b/files/zh-cn/web/css/transform-function/rotate3d()/index.html index 9eea1570ba..f9e046f02b 100644 --- a/files/zh-cn/web/css/transform-function/rotate3d()/index.html +++ b/files/zh-cn/web/css/transform-function/rotate3d()/index.html @@ -38,18 +38,20 @@ translation_of: Web/CSS/transform-function/rotate3d() </dl> <table class="standard-table"> - <thead> + <tbody> <tr> - <th scope="col">笛卡尔坐标 on ℝ<sup>2</sup></th> - <th scope="col">齐次坐标 on ℝℙ<sup>2</sup></th> - <th scope="col">笛卡尔坐标 on ℝ<sup>3</sup></th> - <th scope="col">齐次坐标 on ℝℙ<sup>3</sup></th> + <th scope="col">在ℝ<sup>2</sup>上的笛卡尔坐标</th> + <td rowspan="2">这种变换应用于3D空间，不可用于平面空间</td> + </tr> + <tr> + <th scope="col">在ℝℙ<sup>2</sup>上的齐次坐标</th> </tr> - </thead> - <tbody> <tr> - <td colspan="2">这种变换应用于3D空间，不可用于平面空间</td> + <th scope="col">在ℝ<sup>3</sup>上的笛卡尔坐标</th> <td colspan="1"><a href="/@api/deki/files/5987/=transform-functions-rotate3d_cart.png"><img src="/@api/deki/files/5987/=transform-functions-rotate3d_cart.png?size=webview" style="height: 47px; width: 510px;"></a><math> <mfenced><mtable><mtr><mtd>1<mo>+</mo>(1<mo>-</mo>cos(<mi>a</mi>))(<msup><mi>x</mi><mn>2</mn></msup><mo>-</mo>1)</mtd><mtd><mi>z</mi><mo>·</mo>sin(<mi>a</mi>)+<mi>x</mi><mi>y</mi>(1<mo>-</mo>cos(<mi>a</mi>))</mtd><mtd><mo>-</mo><mi>y</mi><mo>·</mo>sin(<mi>a</mi>)<mo>+</mo><mi>x</mi><mi>z</mi><mo>·</mo>(1<mo>-</mo>cos(<mi>a</mi>))</mtd></mtr><mtr><mtd><mo>-</mo><mi>z</mi><mo>·</mo>sin(<mi>a</mi>)<mo>+</mo><mi>x</mi><mi>y</mi><mo>·</mo>(1<mo>-</mo>cos(<mi>a</mi>))</mtd><mtd>1+(1-cos(a))(y2-1)</mtd><mtd><mi>x</mi><mo>·</mo>sin(<mi>a</mi>)<mo>+</mo><mi>y</mi><mi>z</mi><mo>·</mo>(1<mo>-</mo>cos(<mi>a</mi>))</mtd><mtr><mtd>ysin(a) + xz(1-cos(a))</mtd><mtd>-xsin(a)+yz(1-cos(a))</mtd><mtd>1+(1-cos(a))(z2-1)</mtd><mtd>t</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr> </mtr></mtable></mfenced></math></td> + </tr> + <tr> + <th scope="col">在ℝℙ<sup>3</sup>上的齐次坐标</th> <td colspan="1"><a href="/@api/deki/files/5986/=transform-functions-rotate3d_hom4.png"><img src="/@api/deki/files/5986/=transform-functions-rotate3d_hom4.png?size=webview" style="height: 61px; width: 522px;"></a></td> </tr> </tbody> diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/seal/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/seal/index.html index 7a18ee2e91..6fd23f3d1d 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/seal/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/seal/index.html @@ -14,7 +14,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/seal <div></div> -<div>{{EmbedInteractiveExample("pages/js/object-prototype-seal.html")}}</div> +<div>{{EmbedInteractiveExample("pages/js/object-seal.html")}}</div> diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/raw/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/raw/index.html index 8ff8794000..989a78f2c6 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/raw/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/raw/index.html @@ -55,10 +55,10 @@ String.raw`templateString` <h3 id="使用_String.raw">使用 <code>String.raw()</code></h3> <pre class="brush: js">String.raw`Hi\n${2+3}!`; -// 'Hi\n5!'，Hi 后面的字符不是换行符，\ 和 n 是两个不同的字符 +// 'Hi\\n5!'，Hi 后面的字符不是换行符，\ 和 n 是两个不同的字符 String.raw `Hi\u000A!`; -// "Hi\u000A!"，同上，这里得到的会是 \、u、0、0、0、A 6个字符， +// "Hi\\u000A!"，同上，这里得到的会是 \、u、0、0、0、A 6个字符， // 任何类型的转义形式都会失效，保留原样输出，不信你试试.length let name = "Bob"; diff --git a/files/zh-cn/web/javascript/reference/template_literals/index.html b/files/zh-cn/web/javascript/reference/template_literals/index.html index 33fb6ebe53..e16b62d850 100644 --- a/files/zh-cn/web/javascript/reference/template_literals/index.html +++ b/files/zh-cn/web/javascript/reference/template_literals/index.html @@ -171,13 +171,13 @@ tag`string text line 1 \n string text line 2`; <p>另外，使用{{jsxref("String.raw()")}} 方法创建原始字符串和使用默认模板函数和字符串连接创建是一样的。</p> <pre class="brush: js line-numbers language-js"><code class="language-js"><span class="keyword token">var</span> str <span class="operator token">=</span> String<span class="punctuation token">.</span>raw<span class="template-string token"><span class="string token">`Hi\n</span><span class="interpolation token"><span class="interpolation-punctuation punctuation token">${</span><span class="number token">2</span><span class="operator token">+</span><span class="number token">3</span><span class="interpolation-punctuation punctuation token">}</span></span><span class="string token">!`</span></span><span class="punctuation token">;</span> -<span class="comment token">// "Hi\n5!"</span> +<span class="comment token">// "Hi\\n5!"</span> str<span class="punctuation token">.</span>length<span class="punctuation token">;</span> <span class="comment token">// 6</span> str<span class="punctuation token">.</span><span class="function token">split</span><span class="punctuation token">(</span><span class="string token">''</span><span class="punctuation token">)</span><span class="punctuation token">.</span><span class="function token">join</span><span class="punctuation token">(</span><span class="string token">','</span><span class="punctuation token">)</span><span class="punctuation token">;</span> -<span class="comment token">// "H,i,\,n,5,!"</span></code> +<span class="comment token">// "H,i,\\,n,5,!"</span></code> </pre> <h3 id="带标签的模版字面量及转义序列">带标签的模版字面量及转义序列</h3> |