study/uTools-Manuals
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-Manuals.git synced 2025-12-15 23:37:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

语法高亮，滚动条美化，设置页面调整

Browse Source
This commit is contained in:
fofolee
2019-04-19 02:41:09 +08:00
parent 1e8f76c000
commit 359d29ee0b
1590 changed files with 12328 additions and 11441 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
docs/javascript/Guide/Text_formatting.html
View File

@@ -7,39 +7,39 @@
<p>JavaScript中的 <a class="glossaryLink" href="/en-US/docs/Glossary/String" title="String: In any computer programming language, a string is a sequence of characters used to represent text.">String</a> 类型用于表示文本型的数据. 它是由无符号整数值（16bit）作为元素而组成的集合. 字符串中的每个元素在字符串中占据一个位置. 第一个元素的index值是0, 下一个元素的index值是1, 以此类推. 字符串的长度就是字符串中所含的元素个数.你可以通过String字面值或者String对象两种方式创建一个字符串。</p>
<h3 id="String字面量">String字面量</h3>
<p>可以使用单引号或双引号创建简单的字符串:</p>
<pre class="brush: js">'foo'
"bar"</pre>
<pre><code class="language-javascript">'foo'
"bar"</code></pre>
<p>可以使用转义序列来创建更复杂的字符串:</p>
<h4 id="16进制转义序列">16进制转义序列</h4>
<p>\x之后的数值将被认为是一个16进制数.</p>
<pre class="brush: js">'\xA9' // "©"
</pre>
<pre><code class="language-javascript">'\xA9' // "©"
</code></pre>
<h4 id="Unicode转义序列">Unicode转义序列</h4>
<p>Unicode转义序列在\u之后需要至少4个字符.</p>
<pre class="brush: js">'\u00A9' // "©"</pre>
<pre><code class="language-javascript">'\u00A9' // "©"</code></pre>
<h4 id="Unicode字元逸出">Unicode字元逸出</h4>
<p>这是ECMAScript 6中的新特性。有了Unicode字元逸出，任何字符都可以用16进制数转义, 这使得通过Unicode转义表示大于<code>0x10FFFF</code>的字符成为可能。使用简单的Unicode转义时通常需要分别写字符相应的两个部分（译注：大于<span style="font-family: courier,andale mono,monospace;">0x10FFFF的字符需要拆分为相应的两个小于0x10FFFF的部分</span>）来达到同样的效果。</p>
<p>请参阅 <a href="Reference/Global_Objects/String/fromCodePoint" title="String.fromCodePoint() 静态方法返回使用指定的代码点序列创建的字符串。"><code>String.fromCodePoint()</code></a> 或 <a href="Reference/Global_Objects/String/codePointAt" title="codePointAt() 方法返回 一个 Unicode 编码点值的非负整数。"><code>String.prototype.codePointAt()</code></a>。</p>
<pre class="brush: js">'\u{2F804}'
<pre><code class="language-javascript">'\u{2F804}'
// the same with simple Unicode escapes
'\uD87E\uDC04'</pre>
'\uD87E\uDC04'</code></pre>
<h3 id="字符串对象">字符串对象</h3>
<p><a href="Reference/String" title="此页面仍未被本地化, 期待您的翻译!"><code>String</code></a> 对象是对原始string类型的封装 .</p>
<pre class="brush: js">var s = new String("foo"); // Creates a String object
<pre><code class="language-javascript">var s = new String("foo"); // Creates a String object
console.log(s); // Displays: { '0': 'f', '1': 'o', '2': 'o'}
typeof s; // Returns 'object'
</pre>
</code></pre>
<p>你可以在String字面值上使用String对象的任何方法—JavaScript自动把String字面值转换为一个临时的String对象, 然后调用其相应方法,最后丢弃此临时对象.在String字面值上也可以使用String.length属性.</p>
<p>除非必要, 应该尽量使用String字面值, 因为String对象的某些行为可能并不与直觉一致. 举例:</p>
<pre class="brush: js">var s1 = "2 + 2"; // Creates a string literal value
<pre><code class="language-javascript">var s1 = "2 + 2"; // Creates a string literal value
var s2 = new String("2 + 2"); // Creates a String object
eval(s1); // Returns the number 4
eval(s2); // Returns the string "2 + 2"</pre>
eval(s2); // Returns the string "2 + 2"</code></pre>
<p><code>String对象有一个属性</code>, <code>length</code>, 标识了字符串中的字符个数.举例, 下面的代码把13赋值给了<code>x</code>, 因为"Hello, World!"包含了13个字符（译注：注意W之前有个空格）:</p>
<pre class="brush: js">var mystring = "Hello, World!";
<pre><code class="language-javascript">var mystring = "Hello, World!";
var x = mystring.length;
</pre>
</code></pre>
<p><code>String</code>对象有许多方法: 举例来说有些方法返回字符串本身的变体, 如 <code>substring</code> 和<code>toUpperCase</code>.</p>
<p>下表总结了 <a href="Reference/String" title="此页面仍未被本地化, 期待您的翻译!"><code>String</code></a> 对象的方法.</p>
<table class="standard-table">
@@ -114,34 +114,34 @@ var x = mystring.length;
<p>模板字符串使用反勾号 (` `) (<a class="external external-icon" href="https://en.wikipedia.org/wiki/Grave_accent" rel="noopener">grave accent</a>) 包裹内容而不是单引号或双引号. 模板字符串可以包含占位符. 占位符用美元符号和花括号标识 (<code>${expression}</code>).</p>
<h4 id="多行">多行</h4>
<p>源代码中插入的任何新行开始字符都作为模板字符串的内容. 使用一般的字符串时, 为了创建多行的字符串不得不用如下语法:</p>
<pre class="brush: js">console.log("string text line 1\n\
<pre><code class="language-javascript">console.log("string text line 1\n\
string text line 2");
// "string text line 1
// string text line 2"</pre>
// string text line 2"</code></pre>
<p>为了实现同样效果的多行字符串, 现在可以写成如下形式:</p>
<pre class="brush: js">console.log(`string text line 1
<pre><code class="language-javascript">console.log(`string text line 1
string text line 2`);
// "string text line 1
// string text line 2"</pre>
// string text line 2"</code></pre>
<h4 id="嵌入表达式">嵌入表达式</h4>
<p>为了在一般的字符串中嵌入表达式, 需要使用如下语法:</p>
<pre class="brush: js">var a = 5;
<pre><code class="language-javascript">var a = 5;
var b = 10;
console.log("Fifteen is " + (a + b) + " and\nnot " + (2 * a + b) + ".");
// "Fifteen is 15 and
// not 20."</pre>
// not 20."</code></pre>
<p>现在, 使用模板字符串, 可以使用语法糖让类似功能的实现代码更具可读性:</p>
<pre class="brush: js">var a = 5;
<pre><code class="language-javascript">var a = 5;
var b = 10;
console.log(`Fifteen is ${a + b} and\nnot ${2 * a + b}.`);
// "Fifteen is 15 and
// not 20."</pre>
// not 20."</code></pre>
<p>更多信息, 请阅读 <a href="/en-US/docs/Web/JavaScript/Reference">JavaScript reference</a> 中的 <a href="/en-US/docs/Web/JavaScript/Reference/template_strings">Template strings</a>。</p>
<h2 id="国际化">国际化</h2>
<p><a href="Reference/Global_Objects/Intl" title="Intl 对象是 ECMAScript 国际化 API 的一个命名空间，它提供了精确的字符串对比、数字格式化，和日期时间格式化。Collator，NumberFormat 和 DateTimeFormat 对象的构造函数是 Intl 对象的属性。本页文档内容包括了这些属性，以及国际化使用的构造器和其他语言的方法等常见的功能。"><code>Intl</code></a> 对象是ECMAScript国际化API的命名空间, 它提供了语言敏感的字符串比较，数字格式化和日期时间格式化功能.  <a href="Reference/Global_Objects/Collator" title="Intl.Collator 是用于语言敏感字符串比较的 collators构造函数。"><code>Collator</code></a>, <a href="Reference/Global_Objects/NumberFormat" title="Intl.NumberFormat是对语言敏感的格式化数字类的构造器类"><code>NumberFormat</code></a>, 和 <a href="Reference/Global_Objects/DateTimeFormat" title="交互示例的源代码存储在 GitHub 资源库。如果你愿意分布交互示例，请复制https://github.com/mdn/interactive-examples，并向我们发送一个pull请求。"><code>DateTimeFormat</code></a> 对象的构造函数是<code>Intl</code>对象的属性.</p>
<h3 id="日期和时间格式化">日期和时间格式化</h3>
<p><a href="Reference/Global_Objects/DateTimeFormat" title="交互示例的源代码存储在 GitHub 资源库。如果你愿意分布交互示例，请复制https://github.com/mdn/interactive-examples，并向我们发送一个pull请求。"><code>DateTimeFormat</code></a> 对象在日期和时间的格式化方面很有用. 下面的代码把一个日期格式化为美式英语格式. (不同时区结果不同.)</p>
<pre class="brush: js">var msPerDay = 24 * 60 * 60 * 1000;
<pre><code class="language-javascript">var msPerDay = 24 * 60 * 60 * 1000;
// July 17, 2014 00:00:00 UTC.
var july172014 = new Date(msPerDay * (44 * 365 + 11 + 197));//2014-1970=44年
@@ -153,10 +153,10 @@ var options = { year: "2-digit", month: "2-digit", day: "2-digit",
var americanDateTime = new Intl.DateTimeFormat("en-US", options).format;
 
console.log(americanDateTime(july172014)); // 07/16/14, 5:00 PM PDT
</pre>
</code></pre>
<h3 id="数字格式化">数字格式化</h3>
<p><a href="Reference/Global_Objects/NumberFormat" title="Intl.NumberFormat是对语言敏感的格式化数字类的构造器类"><code>NumberFormat</code></a> 对象在数字的格式化方面很有用, 比如货币数量值.</p>
<pre class="brush: js">var gasPrice = new Intl.NumberFormat("en-US",
<pre><code class="language-javascript">var gasPrice = new Intl.NumberFormat("en-US",
                        { style: "currency", currency: "USD",
                          minimumFractionDigits: 3 });
 
@@ -166,25 +166,25 @@ var hanDecimalRMBInChina = new Intl.NumberFormat("zh-CN-u-nu-hanidec",
                        { style: "currency", currency: "CNY" });
 
console.log(hanDecimalRMBInChina.format(1314.25)); // ￥ 一,三一四.二五
</pre>
</code></pre>
<h3 id="定序">定序</h3>
<p><a href="Reference/Global_Objects/Collator" title="Intl.Collator 是用于语言敏感字符串比较的 collators构造函数。"><code>Collator</code></a> 对象在字符串比较和排序方面很有用.</p>
<p>举例, 德语中<em>有两种不同的排序方式 电话本（phonebook）</em> 和 字典（<em>dictionary）</em>. 电话本排序强调发音, 比如在排序前 “ä”, “ö”等被扩展为 “ae”, “oe”等发音.</p>
<pre class="brush: js">var names = ["Hochberg", "Hönigswald", "Holzman"];
<pre><code class="language-javascript">var names = ["Hochberg", "Hönigswald", "Holzman"];
 
var germanPhonebook = new Intl.Collator("de-DE-u-co-phonebk");
 
// as if sorting ["Hochberg", "Hoenigswald", "Holzman"]:
console.log(names.sort(germanPhonebook.compare).join(", "));
// logs "Hochberg, Hönigswald, Holzman"
</pre>
</code></pre>
<p>有些德语词包含变音, 所以在字典中忽略变音进行排序是合理的 (除非待排序的单词只有变音部分不同: <em>schon</em> 先于 <em>schön</em>).</p>
<pre class="brush: js">var germanDictionary = new Intl.Collator("de-DE-u-co-dict");
<pre><code class="language-javascript">var germanDictionary = new Intl.Collator("de-DE-u-co-dict");
 
// as if sorting ["Hochberg", "Honigswald", "Holzman"]:
console.log(names.sort(germanDictionary.compare).join(", "));
// logs "Hochberg, Holzman, Hönigswald"
</pre>
</code></pre>
<p>关于<a href="Reference/Global_Objects/Intl" title="Intl 对象是 ECMAScript 国际化 API 的一个命名空间，它提供了精确的字符串对比、数字格式化，和日期时间格式化。Collator，NumberFormat 和 DateTimeFormat 对象的构造函数是 Intl 对象的属性。本页文档内容包括了这些属性，以及国际化使用的构造器和其他语言的方法等常见的功能。"><code>Intl</code></a> API的更多信息, 请参考 <a class="external" href="https://hacks.mozilla.org/2014/12/introducing-the-javascript-internationalization-api/" rel="noopener">Introducing the JavaScript Internationalization API</a>。</p>
<div><div class="prevnext" style="text-align: right;">
<p><a href="Guide/Numbers_and_dates" style="float: left;">« 上一页</a><a href="Guide/Regular_Expressions">下一页 »</a></p>