diff options
Diffstat (limited to 'files/zh-cn/web/javascript/reference')
175 files changed, 948 insertions, 948 deletions
diff --git a/files/zh-cn/web/javascript/reference/classes/index.html b/files/zh-cn/web/javascript/reference/classes/index.html index 3b0c5f408f..55bc4d0937 100644 --- a/files/zh-cn/web/javascript/reference/classes/index.html +++ b/files/zh-cn/web/javascript/reference/classes/index.html @@ -26,7 +26,7 @@ translation_of: Web/JavaScript/Reference/Classes <p>定义类的一种方法是使用<strong>类声明</strong>。要声明一个类，你可以使用带有<code>class</code>关键字的类名（这里是“Rectangle”）。</p> -<pre class="brush: js notranslate">class Rectangle { +<pre class="brush: js">class Rectangle { constructor(height, width) { this.height = height; this.width = width; @@ -37,7 +37,7 @@ translation_of: Web/JavaScript/Reference/Classes <p><strong>函数声明</strong>和<strong>类声明</strong>之间的一个重要区别在于, 函数声明会{{Glossary("Hoisting", "提升")}}，类声明不会。你首先需要声明你的类，然后再访问它，否则类似以下的代码将抛出{{jsxref("ReferenceError")}}：</p> -<pre class="brush: js example-bad notranslate">let p = new Rectangle(); // ReferenceError +<pre class="brush: js example-bad">let p = new Rectangle(); // ReferenceError class Rectangle {} </pre> @@ -46,7 +46,7 @@ class Rectangle {} <p><strong>类表达式</strong>是定义类的另一种方法。类表达式可以命名或不命名。命名类表达式的名称是该类体的局部名称。(不过，可以通过类的(而不是一个实例的) {{jsxref("Function.name", "name")}} 属性来检索它)。</p> -<pre class="brush: js notranslate">// 未命名/匿名类 +<pre class="brush: js">// 未命名/匿名类 let Rectangle = class { constructor(height, width) { this.height = height; @@ -88,7 +88,7 @@ console.log(Rectangle.name); <p>参见<a href="/zh-CN/docs/Web/JavaScript/Reference/Functions/Method_definitions">方法定义</a>。</p> -<pre class="brush: js notranslate">class Rectangle { +<pre class="brush: js">class Rectangle { // constructor constructor(height, width) { this.height = height; @@ -113,7 +113,7 @@ console.log(square.area); <p><code><a href="/zh-CN/docs/Web/JavaScript/Reference/Classes/static">static</a></code> 关键字用来定义一个类的一个静态方法。调用静态方法不需要<a href="/zh-CN/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript#The_object_(class_instance)">实例化</a>该类，但不能通过一个类实例调用静态方法。静态方法通常用于为一个应用程序创建工具函数。</p> -<pre class="brush: js notranslate">class Point { +<pre class="brush: js">class Point { constructor(x, y) { this.x = x; this.y = y; @@ -145,7 +145,7 @@ console.log(Point.distance(p1, p2)); <p>当调用静态或原型方法时没有指定 <em>this </em>的值，那么方法内的 <em>this </em>值将被置为 <strong><code>undefined</code></strong>。即使你未设置 <code>"use strict"</code> ，因为 <code>class</code> 体内部的代码总是在严格模式下执行。</p> -<pre class="brush: js notranslate">class Animal { +<pre class="brush: js">class Animal { speak() { return this; } @@ -167,7 +167,7 @@ eat(); // undefined</pre> <p>严格模式下不会发生自动装箱，<em>this </em>值将保留传入状态。</p> -<pre class="brush: js notranslate">function Animal() { } +<pre class="brush: js">function Animal() { } Animal.prototype.speak = function() { return this; @@ -189,7 +189,7 @@ eat(); // global object <p>实例的属性必须定义在类的方法里：</p> -<pre class="notranslate"><code>class Rectangle { +<pre><code>class Rectangle { constructor(height, width) { this.height = height; this.width = width; @@ -199,7 +199,7 @@ eat(); // global object <p>静态的或原型的数据属性必须定义在类定义的外面。</p> -<pre class="notranslate"><code>Rectangle.staticWidth = 20; +<pre><code>Rectangle.staticWidth = 20; Rectangle.prototype.prototypeWidth = 25;</code> </pre> @@ -213,7 +213,7 @@ Rectangle.prototype.prototypeWidth = 25;</code> <p>使用JavaScript字段声明语法，上面的示例可以写成：</p> -<pre class="notranslate"><code>class Rectangle { +<pre><code>class Rectangle { height = 0; width; constructor(height, width) { @@ -231,7 +231,7 @@ Rectangle.prototype.prototypeWidth = 25;</code> <p>使用私有字段，可以按以下方式细化定义。</p> -<pre class="notranslate"><code>class Rectangle { +<pre><code>class Rectangle { #height = 0; #width; constructor(height, width) { @@ -255,7 +255,7 @@ Rectangle.prototype.prototypeWidth = 25;</code> <p><code><a href="/zh-CN/docs/Web/JavaScript/Reference/Classes/extends">extends</a></code> 关键字在 <em>类声明 </em>或 <em>类表达式 </em>中用于创建一个类作为另一个类的一个子类。</p> -<pre class="brush: js notranslate">class Animal { +<pre class="brush: js">class Animal { constructor(name) { this.name = name; } @@ -283,7 +283,7 @@ d.speak();// 'Mitzie barks.' <p>也可以继承传统的基于函数的“类”：</p> -<pre class="brush: js notranslate">function Animal (name) { +<pre class="brush: js">function Animal (name) { this.name = name; } Animal.prototype.speak = function () { @@ -302,7 +302,7 @@ d.speak();//Mitzie makes a noise. Mitzie barks.</pre> <p>请注意，类不能继承常规对象（不可构造的）。如果要继承常规对象，可以改用{{jsxref("Object.setPrototypeOf()")}}：</p> -<pre class="brush: js notranslate">var Animal = { +<pre class="brush: js">var Animal = { speak() { console.log(this.name + ' makes a noise.'); } @@ -325,7 +325,7 @@ d.speak(); // Mitzie makes a noise.</pre> <p>例如，当使用像{{jsxref("Array.map", "map()")}}返回默认构造函数的方法时，您希望这些方法返回一个父<code>Array</code>对象，而不是<code>MyArray</code>对象。{{jsxref("Symbol.species")}} 符号可以让你这样做：</p> -<pre class="brush: js notranslate">class MyArray extends Array { +<pre class="brush: js">class MyArray extends Array { // Overwrite species to the parent Array constructor static get [Symbol.species]() { return Array; } } @@ -342,7 +342,7 @@ console.log(mapped instanceof Array); <p><code><a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/super">super</a></code> 关键字用于调用对象的父对象上的函数。</p> -<pre class="brush: js notranslate">class Cat { +<pre class="brush: js">class Cat { constructor(name) { this.name = name; } @@ -366,7 +366,7 @@ class Lion extends Cat { <p>一个以超类作为输入的函数和一个继承该超类的子类作为输出可以用于在ECMAScript中实现混合：</p> -<pre class="brush: js notranslate">var calculatorMixin = Base => class extends Base { +<pre class="brush: js">var calculatorMixin = Base => class extends Base { calc() { } }; @@ -376,7 +376,7 @@ var randomizerMixin = Base => class extends Base { <p>使用 mix-ins 的类可以像下面这样写：</p> -<pre class="brush: js notranslate">class Foo { } +<pre class="brush: js">class Foo { } class Bar extends calculatorMixin(randomizerMixin(Foo)) { }</pre> <h2 id="规范">规范</h2> diff --git a/files/zh-cn/web/javascript/reference/errors/cyclic_object_value/index.html b/files/zh-cn/web/javascript/reference/errors/cyclic_object_value/index.html index 9ab3cb7b02..b729af45fa 100644 --- a/files/zh-cn/web/javascript/reference/errors/cyclic_object_value/index.html +++ b/files/zh-cn/web/javascript/reference/errors/cyclic_object_value/index.html @@ -14,7 +14,7 @@ translation_of: Web/JavaScript/Reference/Errors/Cyclic_object_value <h2 id="提示信息">提示信息</h2> -<pre class="notranslate">TypeError: cyclic object value (Firefox) +<pre>TypeError: cyclic object value (Firefox) TypeError: Converting circular structure to JSON (Chrome and Opera) TypeError: Circular reference in value argument not supported (Edge)</pre> @@ -34,7 +34,7 @@ TypeError: Circular reference in value argument not supported (Edge)</pre> <p>在如下循环结构中：</p> -<pre class="brush: js notranslate">var a = {}; +<pre class="brush: js">var a = {}; var b = {}; a.child = b; b.child = a; @@ -42,7 +42,7 @@ b.child = a; <p>{{jsxref("JSON.stringify()")}} 将会报错</p> -<pre class="brush: js example-bad notranslate">JSON.stringify(a); +<pre class="brush: js example-bad">JSON.stringify(a); // TypeError: cyclic object value </pre> @@ -52,7 +52,7 @@ b.child = a; <p>注意：以下代码并不会保存循环引用的值。</p> -<pre class="brush: js example-good notranslate">var seen = []; +<pre class="brush: js example-good">var seen = []; var replacer = function(key, value) { if (typeof value === "object" && value !== null) { diff --git a/files/zh-cn/web/javascript/reference/errors/not_a_function/index.html b/files/zh-cn/web/javascript/reference/errors/not_a_function/index.html index fc4f664e1d..00c3cb3073 100644 --- a/files/zh-cn/web/javascript/reference/errors/not_a_function/index.html +++ b/files/zh-cn/web/javascript/reference/errors/not_a_function/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Errors/Not_a_function <h2 id="信息">信息</h2> -<pre class="notranslate">TypeError: Object doesn't support property or method {x} (Edge) +<pre>TypeError: Object doesn't support property or method {x} (Edge) TypeError: "x" is not a function</pre> <h2 id="错误类型">错误类型</h2> @@ -47,20 +47,20 @@ TypeError: "x" is not a function</pre> <p>函数的名称拼写错误，这种情况是经常发生的：</p> -<pre class="brush: js example-bad notranslate">var x = document.getElementByID("foo"); +<pre class="brush: js example-bad">var x = document.getElementByID("foo"); // TypeError: document.getElementByID is not a function </pre> <p>正确的方法名应该是 <code>getElementByI<strong>d：</strong></code></p> -<pre class="brush: js example-good notranslate">var x = document.getElementById("foo"); +<pre class="brush: js example-good">var x = document.getElementById("foo"); </pre> <h3 id="调用Object类型中不存在的方法">调用Object类型中不存在的方法</h3> <p>对于某些特殊的方法，它只属于某些特定的原生对象中，你必须提供一个回调函数才能正常运行。例如：这里调用了一个 {{jsxref("Array.prototype.map()")}} 方法，但是这方法只能被 {{jsxref("Array")}} 对象所调用。 </p> -<pre class="brush: js example-bad notranslate">var obj = { a: 13, b: 37, c: 42 }; +<pre class="brush: js example-bad">var obj = { a: 13, b: 37, c: 42 }; obj.map(function(num) { return num * 2; @@ -70,7 +70,7 @@ obj.map(function(num) { <p>正确的做法，使用一个数组来代替:</p> -<pre class="brush: js example-good notranslate">var numbers = [1, 4, 9]; +<pre class="brush: js example-good">var numbers = [1, 4, 9]; numbers.map(function(num) { return num * 2; @@ -83,7 +83,7 @@ numbers.map(function(num) { <p>当您在创建类时,可能会存在某个属性和某个方法的名称相同,当您在调用该函数时,编译器会认为该函数不存在.</p> -<pre class="brush: js example-bad notranslate">var Dog = function () { +<pre class="brush: js example-bad">var Dog = function () { this.age = 11; this.color = "black"; this.name = "Ralph"; @@ -102,7 +102,7 @@ myNewDog.name("Cassidy"); //Uncaught TypeError: myNewDog.name is not a function <p>正确的做法是使用不同的变量名.</p> -<pre class="brush: js example-good notranslate">var Dog = function () { +<pre class="brush: js example-good">var Dog = function () { this.age = 11; this.color = "black"; this.dogName = "Ralph"; //Using this.dogName instead of .name @@ -124,13 +124,13 @@ myNewDog.name("Cassidy"); //Dog { age: 11, color: 'black', dogName: 'Cassidy' }< <p>使用后者时将会抛出错误:</p> -<pre class="brush: js example-bad notranslate">const sixteen = 2(3 + 5); +<pre class="brush: js example-bad">const sixteen = 2(3 + 5); alert('2 x (3 + 5) is ' + String(sixteen)); //Uncaught TypeError: 2 is not a function</pre> <p>您可以添加乘法运算符 <code>*</code> 来改正代码:</p> -<pre class="brush: js example-good notranslate">const sixteen = 2 * (3 + 5); +<pre class="brush: js example-good">const sixteen = 2 * (3 + 5); alert('2 x (3 + 5) is ' + String(sixteen)); //2 x (3 + 5) is 16</pre> @@ -140,7 +140,7 @@ alert('2 x (3 + 5) is ' + String(sixteen)); <p>以下为一个示例模块 (<code>helpers.js</code>)</p> -<pre class="notranslate">let helpers = function () { }; +<pre>let helpers = function () { }; helpers.groupBy = function (objectArray, property) { return objectArray.reduce(function (acc, obj) { @@ -158,7 +158,7 @@ export default helpers;</pre> <p>在 <code>App.js</code>中正确导入该模块:</p> -<pre class="notranslate">import helpers from './helpers'</pre> +<pre>import helpers from './helpers'</pre> <h2 id="相关">相关</h2> diff --git a/files/zh-cn/web/javascript/reference/errors/not_defined/index.html b/files/zh-cn/web/javascript/reference/errors/not_defined/index.html index a092f394ec..cc5fadb2a8 100644 --- a/files/zh-cn/web/javascript/reference/errors/not_defined/index.html +++ b/files/zh-cn/web/javascript/reference/errors/not_defined/index.html @@ -7,7 +7,7 @@ translation_of: Web/JavaScript/Reference/Errors/Not_defined <h2 id="错误信息">错误信息</h2> -<pre class="syntaxbox notranslate">ReferenceError: "x" is not defined +<pre class="syntaxbox">ReferenceError: "x" is not defined </pre> <h2 id="错误类型">错误类型</h2> @@ -26,19 +26,19 @@ translation_of: Web/JavaScript/Reference/Errors/Not_defined <h3 id="变量没有被声明">变量没有被声明</h3> -<pre class="brush: js example-bad notranslate">foo.substring(1); // ReferenceError: foo is not defined +<pre class="brush: js example-bad">foo.substring(1); // ReferenceError: foo is not defined </pre> <p>“foo” 变量没有在任何地方被声明。它需要是某种字符串，这样 {{jsxref("String.prototype.substring()")}} 方法才可以正常工作。</p> -<pre class="brush: js example-good notranslate">var foo = 'bar'; +<pre class="brush: js example-good">var foo = 'bar'; foo.substring(1); // "ar"</pre> <h3 id="错误的作用域">错误的作用域</h3> <p>变量必须是在它当前的执行环境中可用的。在一个函数（<a href="/en-US/docs/Web/JavaScript/Reference/Functions">function</a>）中定义的变量不能从这个函数外部的任何地方访问，因为这个变量的作用域仅在这个函数的内部。</p> -<pre class="brush: js example-bad notranslate">function numbers () { +<pre class="brush: js example-bad">function numbers () { var num1 = 2, num2 = 3; return num1 + num2; @@ -48,7 +48,7 @@ console.log(num1); // ReferenceError num1 is not defined.</pre> <p>然而，一个函数可用使用在它所被定义的作用域中的所有变量。换句话说，当一个函数被定义在全局作用域的时候，它可以访问所有在全局作用域中定义的变量。</p> -<pre class="brush: js example-good notranslate">var num1 = 2, +<pre class="brush: js example-good">var num1 = 2, num2 = 3; function numbers () { diff --git a/files/zh-cn/web/javascript/reference/functions/arguments/index.html b/files/zh-cn/web/javascript/reference/functions/arguments/index.html index 0cc7216837..8aff3819bd 100644 --- a/files/zh-cn/web/javascript/reference/functions/arguments/index.html +++ b/files/zh-cn/web/javascript/reference/functions/arguments/index.html @@ -35,18 +35,18 @@ translation_of: Web/JavaScript/Reference/Functions/arguments <p><code>arguments</code>对象是所有（非箭头）函数中都可用的<strong>局部变量</strong>。你可以使用<code>arguments</code>对象在函数中引用函数的参数。此对象包含传递给函数的每个参数，第一个参数在索引0处。例如，如果一个函数传递了三个参数，你可以以如下方式引用他们：</p> -<pre class="brush: js notranslate">arguments[0] +<pre class="brush: js">arguments[0] arguments[1] arguments[2] </pre> <p>参数也可以被设置：</p> -<pre class="brush: js notranslate">arguments[1] = 'new value';</pre> +<pre class="brush: js">arguments[1] = 'new value';</pre> <p><code>arguments</code>对象不是一个 {{jsxref("Array")}} 。它类似于<code>Array</code>，但除了length属性和索引元素之外没有任何<code>Array</code>属性。例如，它没有 <a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/pop" title="JavaScript/Reference/Global_Objects/Array/pop">pop</a> 方法。但是它可以被转换为一个真正的<code>Array</code>：</p> -<pre class="brush: js notranslate">var args = Array.prototype.slice.call(arguments); +<pre class="brush: js">var args = Array.prototype.slice.call(arguments); var args = [].slice.call(arguments); // ES2015 @@ -57,7 +57,7 @@ const args = [...arguments]; <div class="warning"> <p>对参数使用slice会阻止某些JavaScript引擎中的优化 (比如 V8 - <a href="https://github.com/petkaantonov/bluebird/wiki/Optimization-killers#3-managing-arguments">更多信息</a>)。如果你关心性能，尝试通过遍历arguments对象来构造一个新的数组。另一种方法是使用被忽视的<code>Array</code>构造函数作为一个函数：</p> -<pre class="brush: js notranslate">var args = (arguments.length === 1 ? [arguments[0]] : Array.apply(null, arguments)); +<pre class="brush: js">var args = (arguments.length === 1 ? [arguments[0]] : Array.apply(null, arguments)); </pre> </div> @@ -67,7 +67,7 @@ const args = [...arguments]; <p>typeof参数返回 'object'。</p> -<pre class="brush: js notranslate">console.log(typeof arguments); // 'object' +<pre class="brush: js">console.log(typeof arguments); // 'object' // arguments 对象只能在函数内使用 function test(a){ console.log(a,Object.prototype.toString.call(arguments)); @@ -83,13 +83,13 @@ number <p>可以使用索引确定单个参数的类型。</p> -<pre class="brush: js notranslate">console.log(typeof arguments[0]); //this will return the typeof individual arguments.</pre> +<pre class="brush: js">console.log(typeof arguments[0]); //this will return the typeof individual arguments.</pre> <h3 id="对参数使用扩展语法">对参数使用扩展语法</h3> <p>您还可以使用{{jsxref("Array.from()")}}方法或<a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/Spread_operator">扩展运算符</a>将参数转换为真实数组：</p> -<pre class="brush: js notranslate">var args = Array.from(arguments); +<pre class="brush: js">var args = Array.from(arguments); var args = [...arguments];</pre> <h2 id="Properties" name="Properties">属性</h2> @@ -120,7 +120,7 @@ var args = [...arguments];</pre> <h3 id="遍历参数求和">遍历参数求和</h3> -<pre class="brush: js notranslate">function add() { +<pre class="brush: js">function add() { var sum =0, len = arguments.length; for(var i=0; i<len; i++){ @@ -136,14 +136,14 @@ add(1,2,3,4); // 10</pre> <p>这个例子定义了一个函数来连接字符串。这个函数唯一正式声明了的参数是一个字符串，该参数指定一个字符作为衔接点来连接字符串。该函数定义如下：</p> -<pre class="brush:js notranslate">function myConcat(separator) { +<pre class="brush:js">function myConcat(separator) { var args = Array.prototype.slice.call(arguments, 1); return args.join(separator); }</pre> <p>你可以传递任意数量的参数到该函数，并使用每个参数作为列表中的项创建列表。</p> -<pre class="brush:js notranslate">// returns "red, orange, blue" +<pre class="brush:js">// returns "red, orange, blue" myConcat(", ", "red", "orange", "blue"); // returns "elephant; giraffe; lion; cheetah" @@ -156,7 +156,7 @@ myConcat(". ", "sage", "basil", "oregano", "pepper", "parsley");</pre> <p>这个例子定义了一个函数通过一个字符串来创建HTML列表。这个函数唯一正式声明了的参数是一个字符。当该参数为 "<code>u</code>" 时，创建一个无序列表 (项目列表)；当该参数为 "<code>o</code>" 时，则创建一个有序列表 (编号列表)。该函数定义如下：</p> -<pre class="brush:js language-js notranslate" style="padding: 1em 0px 1em 30px; font-size: 14px; white-space: normal;"><code class="language-js" style="direction: ltr; white-space: pre;">function list(type) { +<pre class="brush:js language-js" style="padding: 1em 0px 1em 30px; font-size: 14px; white-space: normal;"><code class="language-js" style="direction: ltr; white-space: pre;">function list(type) { var result = "<" + type + "l><li>"; var args = Array.prototype.slice.call(arguments, 1); result += args.join("</li><li>"); @@ -167,7 +167,7 @@ myConcat(". ", "sage", "basil", "oregano", "pepper", "parsley");</pre> <p>你可以传递任意数量的参数到该函数，并将每个参数作为一个项添加到指定类型的列表中。例如：</p> -<pre class="brush:js language-js notranslate" style="padding: 1em 0px 1em 30px; font-size: 14px; white-space: normal;"><code class="language-js" style="direction: ltr; white-space: pre;">var listHTML = list("u", "One", "Two", "Three"); +<pre class="brush:js language-js" style="padding: 1em 0px 1em 30px; font-size: 14px; white-space: normal;"><code class="language-js" style="direction: ltr; white-space: pre;">var listHTML = list("u", "One", "Two", "Three"); /* listHTML is: @@ -180,7 +180,7 @@ myConcat(". ", "sage", "basil", "oregano", "pepper", "parsley");</pre> <p><code>arguments</code>对象可以与<a href="/zh-CN/docs/Web/JavaScript/Reference/Functions/Rest_parameters">剩余参数</a>、<a href="/zh-CN/docs/Web/JavaScript/Reference/Functions/Default_parameters">默认参数</a>和<a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">解构赋值</a>参数结合使用。</p> -<pre class="brush: js notranslate">function foo(...args) { +<pre class="brush: js">function foo(...args) { return args; } foo(1, 2, 3); // [1,2,3] @@ -190,7 +190,7 @@ foo(1, 2, 3); // [1,2,3] <p>当非严格模式中的函数<strong>没有</strong>包含<a href="/zh-CN/docs/Web/JavaScript/Reference/Functions/Rest_parameters">剩余参数</a>、<a href="/zh-CN/docs/Web/JavaScript/Reference/Functions/Default_parameters">默认参数</a>和<a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">解构赋值</a>，那么<code>arguments</code>对象中的值<strong>会</strong>跟踪参数的值（反之亦然）。看下面的代码：</p> -<pre class="brush: js notranslate">function func(a) { +<pre class="brush: js">function func(a) { arguments[0] = 99; // 更新了arguments[0] 同样更新了a console.log(a); } @@ -199,7 +199,7 @@ func(10); // 99 <p>并且</p> -<pre class="brush: js notranslate">function func(a) { +<pre class="brush: js">function func(a) { a = 99; // 更新了a 同样更新了arguments[0] console.log(arguments[0]); } @@ -208,7 +208,7 @@ func(10); // 99 <p>当非严格模式中的函数<strong>有</strong>包含<a href="/zh-CN/docs/Web/JavaScript/Reference/Functions/Rest_parameters">剩余参数</a>、<a href="/zh-CN/docs/Web/JavaScript/Reference/Functions/Default_parameters">默认参数</a>和<a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">解构赋值</a>，那么<code>arguments</code>对象中的值<strong>不会</strong>跟踪参数的值（反之亦然）。相反, <code>arguments</code>反映了调用时提供的参数：</p> -<pre class="brush: js notranslate">function func(a = 55) { +<pre class="brush: js">function func(a = 55) { arguments[0] = 99; // updating arguments[0] does not also update a console.log(a); } @@ -216,7 +216,7 @@ func(10); // 10</pre> <p>并且</p> -<pre class="brush: js notranslate">function func(a = 55) { +<pre class="brush: js">function func(a = 55) { a = 99; // updating a does not also update arguments[0] console.log(arguments[0]); } @@ -224,7 +224,7 @@ func(10); // 10</pre> <p>并且</p> -<pre class="brush: js notranslate">function func(a = 55) { +<pre class="brush: js">function func(a = 55) { console.log(arguments[0]); } func(); // undefined diff --git a/files/zh-cn/web/javascript/reference/functions/arrow_functions/index.html b/files/zh-cn/web/javascript/reference/functions/arrow_functions/index.html index 7f3ca61168..a3166bf160 100644 --- a/files/zh-cn/web/javascript/reference/functions/arrow_functions/index.html +++ b/files/zh-cn/web/javascript/reference/functions/arrow_functions/index.html @@ -24,7 +24,7 @@ translation_of: Web/JavaScript/Reference/Functions/Arrow_functions <blockquote> <h3 class="brush: js" id="基础语法">基础语法</h3> -<pre class="notranslate">(param1, param2, …, paramN) => { statements } +<pre>(param1, param2, …, paramN) => { statements } (param1, param2, …, paramN) => expression //相当于：(param1, param2, …, paramN) =>{ return expression; } @@ -39,7 +39,7 @@ singleParam => { statements } <h3 id="高级语法">高级语法</h3> <blockquote> -<pre class="brush: js notranslate">//加括号的函数体返回对象字面量表达式： +<pre class="brush: js">//加括号的函数体返回对象字面量表达式： params => ({foo: bar}) //支持<strong><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters">剩余参数</a></strong>和<strong><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Default_parameters">默认参数</a></strong> @@ -60,7 +60,7 @@ f(); // 6</pre> <h3 id="更短的函数">更短的函数</h3> -<pre class="brush: js notranslate">var elements = [ +<pre class="brush: js">var elements = [ 'Hydrogen', 'Helium', 'Lithium', @@ -103,7 +103,7 @@ elements.map(({ "length": lengthFooBArX }) => lengthFooBArX); // [8, 6, 7, 9] <p><code>This</code>被证明是令人厌烦的面向对象风格的编程。</p> -<pre class="brush: js notranslate">function Person() { +<pre class="brush: js">function Person() { // Person() 构造函数定义 `this`作为它自己的实例. this.age = 0; @@ -118,7 +118,7 @@ var p = new Person();</pre> <p>在ECMAScript 3/5中，通过将<code>this</code>值分配给封闭的变量，可以解决<code>this</code>问题。</p> -<pre class="brush: js notranslate">function Person() { +<pre class="brush: js">function Person() { var that = this; that.age = 0; @@ -132,7 +132,7 @@ var p = new Person();</pre> <p>箭头函数不会创建自己的<code>this,它只会从自己的作用域链的上一层继承this</code>。因此，在下面的代码中，传递给<code>setInterval</code>的函数内的<code>this</code>与封闭函数中的<code>this</code>值相同：</p> -<pre class="brush: js notranslate">function Person(){ +<pre class="brush: js">function Person(){ this.age = 0; setInterval(() => { @@ -146,7 +146,7 @@ var p = new Person();</pre> <p>鉴于 <code>this</code> 是词法层面上的，<a href="/zh-CN/docs/Web/JavaScript/Reference/Strict_mode">严格模式</a>中与 <code>this</code> 相关的规则都将被忽略。</p> -<pre class="notranslate"><code>var f = () => { 'use strict'; return this; }; +<pre><code>var f = () => { 'use strict'; return this; }; f() === window; // 或者 global</code></pre> <p>严格模式的其他规则依然不变.</p> @@ -155,7 +155,7 @@ f() === window; // 或者 global</code></pre> <p>由于 箭头函数没有自己的this指针，通过 <code>call()</code><em> 或</em> <code>apply()</code> 方法调用一个函数时，只能传递参数（不能绑定this---译者注），他们的第一个参数会被忽略。（这种现象对于bind方法同样成立---译者注）</p> -<pre class="brush: js notranslate">var adder = { +<pre class="brush: js">var adder = { base : 1, add : function(a) { @@ -180,7 +180,7 @@ console.log(adder.addThruCall(1)); // 仍然输出 2</pre> <p>箭头函数不绑定<a href="/zh-CN/docs/Web/JavaScript/Reference/Functions/arguments">Arguments 对象</a>。因此，在本示例中，<code>arguments</code>只是引用了封闭作用域内的arguments：</p> -<pre class="brush: js notranslate">var arguments = [1, 2, 3]; +<pre class="brush: js">var arguments = [1, 2, 3]; var arr = () => arguments[0]; arr(); // 1 @@ -198,7 +198,7 @@ foo(3,2);//6 <p>在大多数情况下，使用<a href="/zh-CN/docs/Web/JavaScript/Reference/Functions/Rest_parameters">剩余参数</a>是相较使用<code>arguments</code>对象的更好选择。</p> -<pre class="brush: js notranslate">function foo(arg) { +<pre class="brush: js">function foo(arg) { var f = (...args) => args[0]; return f(arg); } @@ -216,7 +216,7 @@ foo(1,2); //2 <p>如上所述，箭头函数表达式对非方法函数是最合适的。让我们看看当我们试着把它们作为方法时发生了什么。</p> -<pre class="brush: js notranslate">'use strict'; +<pre class="brush: js">'use strict'; var obj = { i: 10, b: () => console.log(this.i, this), @@ -232,7 +232,7 @@ obj.c(); <p>箭头函数没有定义this绑定。另一个涉及{{jsxref("Object.defineProperty()")}}的示例：</p> -<pre class="brush: js notranslate">'use strict'; +<pre class="brush: js">'use strict'; var obj = { a: 10 }; @@ -252,14 +252,14 @@ obj.b; // undefined "undefined" Window {postMessage: ƒ, blur: ƒ, focus: ƒ <p>箭头函数不能用作构造器，和 <code>new</code>一起用会抛出错误。</p> -<pre class="brush: js notranslate">var Foo = () => {}; +<pre class="brush: js">var Foo = () => {}; var foo = new Foo(); // TypeError: Foo is not a constructor</pre> <h3 id="使用prototype属性">使用<code>prototype</code>属性</h3> <p>箭头函数没有<code>prototype</code>属性。</p> -<pre class="brush: js notranslate">var Foo = () => {}; +<pre class="brush: js">var Foo = () => {}; console.log(Foo.prototype); // undefined</pre> <h3 id="使用_yield_关键字">使用 <code>yield</code> 关键字</h3> @@ -272,7 +272,7 @@ console.log(Foo.prototype); // undefined</pre> <p>在一个简写体中，只需要一个表达式，并附加一个隐式的返回值。在块体中，必须使用明确的<code>return</code>语句。</p> -<pre class="brush: js notranslate">var func = x => x * x; +<pre class="brush: js">var func = x => x * x; // 简写函数 省略return var func = (x, y) => { return x + y; }; @@ -282,7 +282,7 @@ var func = (x, y) => { return x + y; }; <p>记住用<code>params => {object:literal}</code>这种简单的语法返回对象字面量是行不通的。</p> -<pre class="brush: js notranslate">var func = () => { foo: 1 }; +<pre class="brush: js">var func = () => { foo: 1 }; // Calling func() returns undefined! var func = () => { foo: function() {} }; @@ -292,19 +292,19 @@ var func = () => { foo: function() {} }; <p>所以，记得用圆括号把对象字面量包起来：</p> -<pre class="brush: js notranslate">var func = () => ({foo: 1});</pre> +<pre class="brush: js">var func = () => ({foo: 1});</pre> <h2 id="换行">换行</h2> <p>箭头函数在参数和箭头之间不能换行。</p> -<pre class="brush: js notranslate">var func = () +<pre class="brush: js">var func = () => 1; // SyntaxError: expected expression, got '=>'</pre> <p>但是，可以通过在 ‘=>’ 之后换行，或者用 ‘( )’、'{ }'来实现换行，如下：</p> -<pre class="brush: js notranslate">var func = (a, b, c) => +<pre class="brush: js">var func = (a, b, c) => 1; var func = (a, b, c) => ( @@ -327,7 +327,7 @@ var func = ( <p>虽然箭头函数中的箭头不是运算符，但箭头函数具有与常规函数不同的特殊<a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/Operator_Precedence">运算符优先级</a>解析规则。</p> -<pre class="brush: js notranslate">let callback; +<pre class="brush: js">let callback; callback = callback || function() {}; // ok @@ -338,7 +338,7 @@ callback = callback || (() => {}); // ok</pre> <h2 id="更多示例">更多示例</h2> -<pre class="brush: js notranslate">// 空的箭头函数返回 undefined +<pre class="brush: js">// 空的箭头函数返回 undefined let empty = () => {}; (() => 'foobar')(); @@ -383,7 +383,7 @@ setTimeout( () => { <h4 id="箭头函数也可以使用条件（三元）运算符：">箭头函数也可以使用条件（三元）运算符：</h4> -<pre class="brush: js notranslate">var simple = a => a > 15 ? 15 : a; +<pre class="brush: js">var simple = a => a > 15 ? 15 : a; simple(16); // 15 simple(10); // 10 @@ -393,7 +393,7 @@ let max = (a, b) => a > b ? a : b;</pre> <p>箭头函数内定义的变量及其作用域</p> </blockquote> -<pre class="brush: js notranslate">// 常规写法 +<pre class="brush: js">// 常规写法 var greeting = () => {let now = new Date(); return ("Good" + ((now.getHours() > 17) ? " evening." : " day."));} greeting(); //"Good day." console.log(now); // ReferenceError: now is not defined 标准的let作用域 @@ -418,7 +418,7 @@ console.log(now); // ReferenceError: now is not defined <h4 id="箭头函数也可以使用闭包：">箭头函数也可以使用闭包：</h4> </blockquote> -<pre class="brush: js notranslate">// 标准的闭包函数 +<pre class="brush: js">// 标准的闭包函数 function A(){ var i=0; return function b(){ @@ -446,7 +446,7 @@ var Add = (i=0)=> ()=> (++i); <h4 id="箭头函数递归"> 箭头函数递归</h4> </blockquote> -<pre class="brush: js notranslate">var fact = (x) => ( x==0 ? 1 : x*fact(x-1) ); +<pre class="brush: js">var fact = (x) => ( x==0 ? 1 : x*fact(x-1) ); fact(5); // 120</pre> <p>规范</p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/aggregateerror/index.html b/files/zh-cn/web/javascript/reference/global_objects/aggregateerror/index.html index c9578649f5..1802bbe483 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/aggregateerror/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/aggregateerror/index.html @@ -11,7 +11,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/AggregateError <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">new AggregateError(errors[, message])</pre> +<pre class="syntaxbox">new AggregateError(errors[, message])</pre> <h3 id="参数">参数</h3> @@ -50,7 +50,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/AggregateError <h3 id="捕获一个AggregateError">捕获一个AggregateError</h3> -<pre class="brush: js; notranslate">Promise.any([ +<pre class="brush: js;">Promise.any([ Promise.reject(new Error("some error")), ]).catch(e => { console.log(e instanceof AggregateError); // true @@ -62,7 +62,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/AggregateError <h3 id="创建一个AggregateError">创建一个AggregateError</h3> -<pre class="brush: js; notranslate">try { +<pre class="brush: js;">try { throw new AggregateError([ new Error("some error"), ], 'Hello'); diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/concat/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/concat/index.html index 4541912a76..b0960c35d0 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/concat/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/concat/index.html @@ -16,7 +16,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/concat <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">var <var>new_array</var> = <var>old_array</var>.concat(<var>value1</var>[, <var>value2</var>[, ...[, <var>valueN</var>]]])</pre> +<pre class="syntaxbox">var <var>new_array</var> = <var>old_array</var>.concat(<var>value1</var>[, <var>value2</var>[, ...[, <var>valueN</var>]]])</pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -53,7 +53,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/concat <p>以下代码将两个数组合并为一个新数组：</p> -<pre class="brush: js notranslate">var alpha = ['a', 'b', 'c']; +<pre class="brush: js">var alpha = ['a', 'b', 'c']; var numeric = [1, 2, 3]; alpha.concat(numeric); @@ -63,7 +63,7 @@ alpha.concat(numeric); <p>以下代码将三个数组合并为一个新数组：</p> -<pre class="brush: js notranslate">var num1 = [1, 2, 3], +<pre class="brush: js">var num1 = [1, 2, 3], num2 = [4, 5, 6], num3 = [7, 8, 9]; @@ -76,7 +76,7 @@ console.log(nums); <p>以下代码将三个值连接到数组：</p> -<pre class="brush: js notranslate">var alpha = ['a', 'b', 'c']; +<pre class="brush: js">var alpha = ['a', 'b', 'c']; var alphaNumeric = alpha.concat(1, [2, 3]); @@ -87,7 +87,7 @@ console.log(alphaNumeric); <p>以下代码合并数组并保留引用：</p> -<pre class="brush: js notranslate">var num1 = [[1]]; +<pre class="brush: js">var num1 = [[1]]; var num2 = [2, [3]]; var num3=[5,[6]]; diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/every/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/every/index.html index a64c25b43d..38d4388b52 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/every/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/every/index.html @@ -24,7 +24,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/every <h2 id="语法">语法</h2> -<pre class="notranslate"><var>arr</var>.every(<var>callback</var>(<var>element</var>[, <var>index</var>[, <var>array</var>]])[, <var>thisArg</var>])</pre> +<pre><var>arr</var>.every(<var>callback</var>(<var>element</var>[, <var>index</var>[, <var>array</var>]])[, <var>thisArg</var>])</pre> <h3 id="参数">参数</h3> @@ -68,7 +68,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/every <p>下例检测数组中的所有元素是否都大于 10。</p> -<pre class="brush: js notranslate">function isBigEnough(element, index, array) { +<pre class="brush: js">function isBigEnough(element, index, array) { return element >= 10; } [12, 5, 8, 130, 44].every(isBigEnough); // false @@ -79,14 +79,14 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/every <p><a href="/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions">箭头函数</a>为上面的检测过程提供了更简短的语法。</p> -<pre class="brush: js notranslate">[12, 5, 8, 130, 44].every(x => x >= 10); // false +<pre class="brush: js">[12, 5, 8, 130, 44].every(x => x >= 10); // false [12, 54, 18, 130, 44].every(x => x >= 10); // true</pre> <h2 id="兼容旧环境（Polyfill）">兼容旧环境（Polyfill）</h2> <p>在 ECMA-262 第 5 版时，<code>every</code> 被添加进 ECMA-262 标准；因此，在某些实现环境中，它尚未被支持。你可以把下面的代码放到脚本的开头来解决此问题，该代码允许在那些没有原生支持 <code>every</code> 的实现环境中使用它。该算法是 ECMA-262 第 5 版中指定的算法，它假定 <code>Object</code> 和 <code>TypeError</code> 拥有它们的初始值，且 <code>fun.call</code> 等价于 {{jsxref("Function.prototype.call")}}。</p> -<pre class="brush: js notranslate">if (!Array.prototype.every) { +<pre class="brush: js">if (!Array.prototype.every) { Array.prototype.every = function(callbackfn, thisArg) { 'use strict'; var T, k; diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/filter/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/filter/index.html index c23bf5cb98..acc86a9592 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/filter/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/filter/index.html @@ -20,7 +20,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/filter <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><var>var newArray = arr</var>.filter(<var>callback(element[, index[, array]])</var>[, <var>thisArg</var>])</pre> +<pre class="syntaxbox"><var>var newArray = arr</var>.filter(<var>callback(element[, index[, array]])</var>[, <var>thisArg</var>])</pre> <h3 id="参数">参数</h3> @@ -69,7 +69,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/filter <p>下例使用 <code>filter</code> 创建了一个新数组，该数组的元素由原数组中值大于 10 的元素组成。</p> -<pre class="brush: js notranslate">function isBigEnough(element) { +<pre class="brush: js">function isBigEnough(element) { return element >= 10; } var filtered = [12, 5, 8, 130, 44].filter(isBigEnough); @@ -80,7 +80,7 @@ var filtered = [12, 5, 8, 130, 44].filter(isBigEnough); <p>以下示例使用 <code>filter()</code> 创建具有非零 <code>id</code> 的元素的 json。</p> -<pre class="brush: js notranslate">var arr = [ +<pre class="brush: js">var arr = [ { id: 15 }, { id: -1 }, { id: 0 }, @@ -120,7 +120,7 @@ console.log('Number of Invalid Entries = ', invalidEntries); <p>下例使用 <code>filter()</code> 根据搜索条件来过滤数组内容。</p> -<pre class="brush: js notranslate">var fruits = ['apple', 'banana', 'grapes', 'mango', 'orange']; +<pre class="brush: js">var fruits = ['apple', 'banana', 'grapes', 'mango', 'orange']; /** * Array filters items based on search criteria (query) @@ -136,7 +136,7 @@ console.log(filterItems('an')); // ['banana', 'mango', 'orange']</pre> <h4 id="ES2015_实现">ES2015 实现</h4> -<pre class="brush: js notranslate">const fruits = ['apple', 'banana', 'grapes', 'mango', 'orange']; +<pre class="brush: js">const fruits = ['apple', 'banana', 'grapes', 'mango', 'orange']; /** * Array filters items based on search criteria (query) @@ -156,7 +156,7 @@ console.log(filterItems('an')); // ['banana', 'mango', 'orange'] <p><code>filter</code> 被添加到 ECMA-262 标准第 5 版中，因此在某些实现环境中不被支持。可以把下面的代码插入到脚本的开头来解决此问题，该代码允许在那些没有原生支持 <code>filter</code> 的实现环境中使用它。该算法是 ECMA-262 第 5 版中指定的算法，假定 <code>fn.call</code> 等价于 {{jsxref("Function.prototype.call")}} 的初始值，且 {{jsxref("Array.prototype.push")}} 拥有它的初始值。</p> -<pre class="brush: js notranslate">if (!Array.prototype.filter){ +<pre class="brush: js">if (!Array.prototype.filter){ Array.prototype.filter = function(func, thisArg) { 'use strict'; if ( ! ((typeof func === 'Function' || typeof func === 'function') && this) ) diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/findindex/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/findindex/index.html index 7b1e3c7143..b0c8967e8e 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/findindex/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/findindex/index.html @@ -20,7 +20,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/findIndex <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox notranslate"><code><em>arr</em>.findIndex(<em>callback</em>[, <em>thisArg</em>])</code></pre> +<pre class="syntaxbox"><code><em>arr</em>.findIndex(<em>callback</em>[, <em>thisArg</em>])</code></pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -62,7 +62,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/findIndex <p>以下示例查找数组中素数的元素的索引（如果不存在素数，则返回-1）。</p> -<pre class="brush: js notranslate">function isPrime(element, index, array) { +<pre class="brush: js">function isPrime(element, index, array) { var start = 2; while (start <= Math.sqrt(element)) { if (element % start++ < 1) { @@ -77,7 +77,7 @@ console.log([4, 6, 7, 12].findIndex(isPrime)); // 2</pre> <h2 id="Polyfill">Polyfill</h2> -<pre class="brush: js notranslate">// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex +<pre class="brush: js">// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex if (!Array.prototype.findIndex) { Object.defineProperty(Array.prototype, 'findIndex', { value: function(predicate) { diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/flat/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/flat/index.html index 2f37e8f49b..f6a9420e21 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/flat/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/flat/index.html @@ -19,7 +19,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/flat <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><var>var newArray = arr</var>.flat([<var>depth]</var>)</pre> +<pre class="syntaxbox"><var>var newArray = arr</var>.flat([<var>depth]</var>)</pre> <h3 id="参数">参数</h3> @@ -36,7 +36,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/flat <h3 id="扁平化嵌套数组">扁平化嵌套数组</h3> -<pre class="notranslate">var arr1 = [1, 2, [3, 4]]; +<pre>var arr1 = [1, 2, [3, 4]]; arr1.flat(); // [1, 2, 3, 4] @@ -57,7 +57,7 @@ arr4.flat(Infinity); <p><code>flat()</code> 方法会移除数组中的空项:</p> -<pre class="brush: js notranslate">var arr4 = [1, 2, , 4, 5]; +<pre class="brush: js">var arr4 = [1, 2, , 4, 5]; arr4.flat(); // [1, 2, 4, 5]</pre> @@ -65,7 +65,7 @@ arr4.flat(); <h3 id="使用_reduce_与_concat">使用 <code>reduce</code> 与 <code>concat</code></h3> -<pre class="notranslate"><code>var arr = [1, 2, [3, 4]]; +<pre><code>var arr = [1, 2, [3, 4]]; // 展开一层数组 arr.flat(); @@ -78,7 +78,7 @@ const flattened = arr => [].concat(...arr);</code></pre> <h3 class="brush: js" id="reduce_concat_isArray_recursivity">reduce + concat + isArray + recursivity</h3> -<pre class="brush: js notranslate"><code>// 使用 reduce、concat 和递归展开无限多层嵌套的数组 +<pre class="brush: js"><code>// 使用 reduce、concat 和递归展开无限多层嵌套的数组 var arr1 = [1,2,3,[1,2,3,4, [2,3,4]]]; </code> <code class="language-js">function flatDeep(arr, d = 1) { @@ -91,7 +91,7 @@ flatDeep(arr1, Infinity); <h3 id="forEachisArraypushrecursivity">forEach+isArray+push+recursivity</h3> -<pre class="brush: js notranslate">// forEach 遍历数组会自动跳过空元素 +<pre class="brush: js">// forEach 遍历数组会自动跳过空元素 const eachFlat = (arr = [], depth = 1) => { const result = []; // 缓存递归结果 // 开始递归 @@ -131,7 +131,7 @@ const forFlat = (arr = [], depth = 1) => { <h3 id="使用堆栈stack">使用堆栈stack</h3> -<pre class="notranslate">// 无递归数组扁平化，使用堆栈 +<pre>// 无递归数组扁平化，使用堆栈 // 注意：深度的控制比较低效，因为需要检查每一个值的深度 // 也可能在 shift / unshift 上进行 w/o 反转，但是末端的数组 OPs 更快 var arr1 = [1,2,3,[1,2,3,4, [2,3,4]]]; @@ -153,7 +153,7 @@ function flatten(input) { } flatten(arr1);// [1, 2, 3, 1, 2, 3, 4, 2, 3, 4]</pre> -<pre class="notranslate">// 递归版本的反嵌套 +<pre>// 递归版本的反嵌套 function flatten(array) { var flattend = []; (function flat(array) { @@ -167,7 +167,7 @@ function flatten(array) { <h3 id="Use_Generator_function">Use <code>Generator</code> function</h3> -<pre class="notranslate"><code>function* flatten(array) { +<pre><code>function* flatten(array) { for (const item of array) { if (Array.isArray(item)) { yield* flatten(item); diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/flatmap/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/flatmap/index.html index 50c75a73ab..8383d4be6a 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/flatmap/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/flatmap/index.html @@ -19,7 +19,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/flatMap <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><var>var new_array = arr</var>.flatMap(function <var>callback(currentValue[, index[, array]]) { +<pre class="syntaxbox"><var>var new_array = arr</var>.flatMap(function <var>callback(currentValue[, index[, array]]) { // return element for new_array }</var>[, <var>thisArg</var>])</pre> @@ -54,7 +54,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/flatMap <h3 id="map_与_flatMap"><code>map()</code> 与 <code>flatMap()</code></h3> -<pre class="brush: js notranslate">var arr1 = [1, 2, 3, 4]; +<pre class="brush: js">var arr1 = [1, 2, 3, 4]; arr1.map(x => [x * 2]); // [[2], [4], [6], [8]] @@ -70,7 +70,7 @@ arr1.flatMap(x => [[x * 2]]); <p>所以，为了更好的展示 flatMap 的作用，下面我们将包含几句话的数组拆分成单个词组成的新数组。</p> -<pre class="notranslate"><code>let arr1 = ["it's Sunny in", "", "California"]; +<pre><code>let arr1 = ["it's Sunny in", "", "California"]; arr1.map(x => x.split(" ")); // [["it's","Sunny","in"],[""],["California"]] @@ -84,7 +84,7 @@ arr1.flatMap(x => x.split(" ")); <p><code>flatMap</code> 能用于在map期间增删项目（也就是修改items的数量）。换句话说，它允许你遍历很多项使之成为另一些项（靠分别把它们放进去来处理），而不是总是一对一。 从这个意义上讲，它的作用类似于 <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter">filter</a>的对立面。只需返回一个1项元素数组以保留该项，返回一个多元素数组以添加项，或返回一个0项元素数组以删除该项。</p> -<pre class="notranslate"><code>// Let's say we want to remove all the negative numbers and split the odd numbers into an even number and a 1 +<pre><code>// Let's say we want to remove all the negative numbers and split the odd numbers into an even number and a 1 let a = [5, 4, -3, 20, 17, -33, -4, 18] // |\ \ x | | \ x x | // [4,1, 4, 20, 16, 1, 18] @@ -101,7 +101,7 @@ a.flatMap( (n) => <h3 id="reduce_与_concat"><code>reduce()</code> 与 <code>concat()</code></h3> -<pre class="notranslate"><code>var arr = [1, 2, 3, 4]; +<pre><code>var arr = [1, 2, 3, 4]; arr.flatMap(x => [x, x * 2]); // is equivalent to diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/from/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/from/index.html index 8cab100d7c..01b6062f91 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/from/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/from/index.html @@ -22,7 +22,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/from <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">Array.from(<em>arrayLike</em>[, <em>mapFn</em>[, <em>thisArg</em>]]) +<pre class="syntaxbox">Array.from(<em>arrayLike</em>[, <em>mapFn</em>[, <em>thisArg</em>]]) </pre> <h3 id="参数">参数</h3> @@ -59,18 +59,18 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/from <h3 id="从_String_生成数组">从 <code>String</code> 生成数组</h3> -<pre class="brush: js notranslate">Array.from('foo'); +<pre class="brush: js">Array.from('foo'); // [ "f", "o", "o" ]</pre> <h3 id="从_Set_生成数组">从 <code>Set</code> 生成数组</h3> -<pre class="brush: js notranslate">const set = new Set(['foo', 'bar', 'baz', 'foo']); +<pre class="brush: js">const set = new Set(['foo', 'bar', 'baz', 'foo']); Array.from(set); // [ "foo", "bar", "baz" ]</pre> <h3 id="从_Map_生成数组">从 <code>Map</code> 生成数组</h3> -<pre class="brush: js notranslate">const map = new Map([[1, 2], [2, 4], [4, 8]]); +<pre class="brush: js">const map = new Map([[1, 2], [2, 4], [4, 8]]); Array.from(map); // [[1, 2], [2, 4], [4, 8]] @@ -84,7 +84,7 @@ Array.from(mapper.keys()); <h3 id="从类数组对象（arguments）生成数组">从类数组对象（arguments）生成数组</h3> -<pre class="brush: js notranslate">function f() { +<pre class="brush: js">function f() { return Array.from(arguments); } @@ -94,7 +94,7 @@ f(1, 2, 3); <h3 id="在_Array.from_中使用箭头函数">在 <code>Array.from</code> 中使用箭头函数</h3> -<pre class="brush: js notranslate">// Using an arrow function as the map function to +<pre class="brush: js">// Using an arrow function as the map function to // manipulate the elements Array.from([1, 2, 3], x => x + x); // [2, 4, 6] @@ -109,7 +109,7 @@ Array.from({length: 5}, (v, i) => i); <h3 id="序列生成器指定范围">序列生成器(指定范围)</h3> -<pre class="brush: js notranslate">// Sequence generator function (commonly referred to as "range", e.g. Clojure, PHP etc) +<pre class="brush: js">// Sequence generator function (commonly referred to as "range", e.g. Clojure, PHP etc) const range = (start, stop, step) => Array.from({ length: (stop - start) / step + 1}, (_, i) => start + (i * step)); // Generate numbers range 0..4 @@ -127,7 +127,7 @@ range('A'.charCodeAt(0), 'Z'.charCodeAt(0), 1).map(x => String.fromCharCode(x <h3 id="数组去重合并">数组去重合并</h3> -<pre class="brush: js notranslate">function combine(){ +<pre class="brush: js">function combine(){ let arr = [].concat.apply([], arguments); //没有去重复的新数组 return Array.from(new Set(arr)); } @@ -139,7 +139,7 @@ console.log(combine(m,n)); // [1, 2, 3]</pre> <p>ECMA-262 第六版标准中添加了 <code>Array.from </code>。有些实现中可能尚未包括在其中。你可以通过在脚本前添加如下内容作为替代方法，以使用未原生支持的 <code>Array.from</code> 方法。该算法按照 ECMA-262 第六版中的规范实现，并假定 <code>Object</code> 和 <code>TypeError</code> 有其本身的值， <code>callback.call</code> 对应 {{jsxref("Function.prototype.call")}} 。此外，鉴于无法使用 Polyfill 实现真正的的迭代器，该实现不支持规范中定义的泛型可迭代元素。</p> -<pre class="brush: js notranslate">// Production steps of ECMA-262, Edition 6, 22.1.2.1 +<pre class="brush: js">// Production steps of ECMA-262, Edition 6, 22.1.2.1 if (!Array.from) { Array.from = (function () { var toStr = Object.prototype.toString; diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/map/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/map/index.html index b00ce5df07..1517622c81 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/map/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/map/index.html @@ -20,7 +20,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/map <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="notranslate"><var>var new_array = arr</var>.map(function <var>callback(currentValue[, index[, array]]) { +<pre><var>var new_array = arr</var>.map(function <var>callback(currentValue[, index[, array]]) { // Return element for new_array </var> <var>}</var>[, <var>thisArg</var>])</pre> @@ -68,7 +68,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/map <p>下面的代码创建了一个新数组，值为原数组中对应数字的平方根。</p> -<pre class="brush: js notranslate">var numbers = [1, 4, 9]; +<pre class="brush: js">var numbers = [1, 4, 9]; var roots = numbers.map(Math.sqrt); // roots的值为[1, 2, 3], numbers的值仍为[1, 4, 9]</pre> @@ -76,7 +76,7 @@ var roots = numbers.map(Math.sqrt); <p>以下代码使用一个包含对象的数组来重新创建一个格式化后的数组。</p> -<pre class="brush: js notranslate">var kvArray = [{key: 1, value: 10}, +<pre class="brush: js">var kvArray = [{key: 1, value: 10}, {key: 2, value: 20}, {key: 3, value: 30}]; @@ -98,7 +98,7 @@ var reformattedArray = kvArray.map(function(obj) { <p>下面的代码表示了当函数需要一个参数时map的工作方式。当map循环遍历原始数组时，这个参数会自动被分配成数组中对应的每个元素。</p> -<pre class="brush: js notranslate">var numbers = [1, 4, 9]; +<pre class="brush: js">var numbers = [1, 4, 9]; var doubles = numbers.map(function(num) { return num * 2; }); @@ -110,7 +110,7 @@ var doubles = numbers.map(function(num) { <p>下面的例子演示如何在一个 {{jsxref("String")}} 上使用 map 方法获取字符串中每个字符所对应的 ASCII 码组成的数组：</p> -<pre class="brush: js notranslate">var map = Array.prototype.map +<pre class="brush: js">var map = Array.prototype.map var a = map.call("Hello World", function(x) { return x.charCodeAt(0); }) @@ -121,7 +121,7 @@ var a = map.call("Hello World", function(x) { <p>下面代码展示了如何去遍历用 <code>querySelectorAll </code>得到的动态对象集合。在这里，我们获得了文档里所有选中的选项，并将其打印：</p> -<pre class="brush: js notranslate">var elems = document.querySelectorAll('select option:checked'); +<pre class="brush: js">var elems = document.querySelectorAll('select option:checked'); var values = Array.prototype.map.call(elems, function(obj) { return obj.value; }); @@ -135,7 +135,7 @@ var values = Array.prototype.map.call(elems, function(obj) { <p>考虑下例：</p> -<pre class="notranslate"><code>["1", "2", "3"].map(parseInt);</code></pre> +<pre><code>["1", "2", "3"].map(parseInt);</code></pre> <p>我们期望输出 <code>[1, 2, 3]</code>, 而实际结果是 <code>[1, NaN, NaN]</code>.</p> @@ -149,14 +149,14 @@ var values = Array.prototype.map.call(elems, function(obj) { <p>第三个参数被parseInt忽视了, <u>but not the second one</u>, 但不是第二个。因此可能出现混淆。下面是迭代步骤的简明示例：</p> -<pre class="notranslate"><code>// parseInt(string, radix) -> map(parseInt(value, index)) +<pre><code>// parseInt(string, radix) -> map(parseInt(value, index)) /* first iteration (index is 0): */ parseInt("1", 0); // 1 /* second iteration (index is 1): */ parseInt("2", 1); // NaN /* third iteration (index is 2): */ parseInt("3", 2); // NaN</code></pre> <p>下面让我们来讨论解决方案：</p> -<pre class="notranslate"><code>function returnInt(element) { +<pre><code>function returnInt(element) { return parseInt(element, 10); } @@ -176,7 +176,7 @@ var values = Array.prototype.map.call(elems, function(obj) { <p>一个map方法调用 parseInt 作为一个参数的等效输出运行如下:</p> -<pre class="notranslate"><code>var xs = ['10', '10', '10']; +<pre><code>var xs = ['10', '10', '10']; xs = xs.map(parseInt); @@ -187,7 +187,7 @@ console.log(xs); // 输出结果为</code>(3) [10, NaN, 2]<code> <p>当返回undefined 或没有返回任何内容时:</p> -<pre class="notranslate"><code>var numbers = [1, 2, 3, 4]; +<pre><code>var numbers = [1, 2, 3, 4]; var filteredNumbers = numbers.map(function(num, index) { if(index < 3) { return num; @@ -201,7 +201,7 @@ var filteredNumbers = numbers.map(function(num, index) { <p><code>map</code> was added to the ECMA-262 standard in the 5th edition; as such it may not be present in all implementations of the standard. You can work around this by inserting the following code at the beginning of your scripts, allowing use of <code>map</code> in implementations which do not natively support it. This algorithm is exactly the one specified in ECMA-262, 5th edition, assuming {{jsxref("Object")}}, {{jsxref("TypeError")}}, and {{jsxref("Array")}} have their original values and that <code>callback.call</code> evaluates to the original value of <code>{{jsxref("Function.prototype.call")}}</code>.</p> -<pre class="notranslate"><code>// Production steps of ECMA-262, Edition 5, 15.4.4.19 +<pre><code>// Production steps of ECMA-262, Edition 5, 15.4.4.19 // Reference: http://es5.github.io/#x15.4.4.19 if (!Array.prototype.map) { diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/reduce/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/reduce/index.html index f356bceaf6..cc217e28af 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/reduce/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/reduce/index.html @@ -36,7 +36,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/Reduce <h2 id="语法">语法</h2> -<pre class="notranslate"><var>arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])</var></pre> +<pre><var>arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])</var></pre> <h3 id="参数">参数</h3> @@ -89,7 +89,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/Reduce <p>提供初始值通常更安全，正如下面的例子，如果没有提供<code>initialValue</code>，则可能有四种输出：</p> -<pre class="brush: js notranslate">var maxCallback = ( acc, cur ) => Math.max( acc.x, cur.x ); +<pre class="brush: js">var maxCallback = ( acc, cur ) => Math.max( acc.x, cur.x ); var maxCallback2 = ( max, cur ) => Math.max( max, cur ); // reduce() 没有初始值 @@ -107,7 +107,7 @@ var maxCallback2 = ( max, cur ) => Math.max( max, cur ); <p>假如运行下段<code>reduce()</code>代码：</p> -<pre class="brush:js notranslate">[0, 1, 2, 3, 4].reduce(function(accumulator, currentValue, currentIndex, array){ +<pre class="brush:js">[0, 1, 2, 3, 4].reduce(function(accumulator, currentValue, currentIndex, array){ return accumulator + currentValue; }); </pre> @@ -172,11 +172,11 @@ var maxCallback2 = ( max, cur ) => Math.max( max, cur ); <p>你还可以使用{{jsxref("Functions/Arrow_functions", "箭头函数","",1)}}来代替完整的函数。 下面的代码将产生与上面的代码相同的输出：</p> -<pre class="brush: js notranslate">[0, 1, 2, 3, 4].reduce((prev, curr) => prev + curr );</pre> +<pre class="brush: js">[0, 1, 2, 3, 4].reduce((prev, curr) => prev + curr );</pre> <p>如果你打算提供一个初始值作为<code>reduce()</code>方法的第二个参数，以下是运行过程及结果：</p> -<pre class="brush: js notranslate">[0, 1, 2, 3, 4].reduce((accumulator, currentValue, currentIndex, array) => { +<pre class="brush: js">[0, 1, 2, 3, 4].reduce((accumulator, currentValue, currentIndex, array) => { return accumulator + currentValue }, 10) </pre> @@ -332,14 +332,14 @@ var maxCallback2 = ( max, cur ) => Math.max( max, cur ); <h3 id="数组里所有值的和">数组里所有值的和</h3> -<pre class="brush: js notranslate">var sum = [0, 1, 2, 3].reduce(function (accumulator, currentValue) { +<pre class="brush: js">var sum = [0, 1, 2, 3].reduce(function (accumulator, currentValue) { return accumulator + currentValue; }, 0); // 和为 6</pre> <p>你也可以写成箭头函数的形式：</p> -<pre class="brush: js notranslate">var total = [ 0, 1, 2, 3 ].reduce( +<pre class="brush: js">var total = [ 0, 1, 2, 3 ].reduce( ( acc, cur ) => acc + cur, 0 );</pre> @@ -348,7 +348,7 @@ var maxCallback2 = ( max, cur ) => Math.max( max, cur ); <p>要累加对象数组中包含的值，必须提供初始值，以便各个item正确通过你的函数。</p> -<pre class="brush: js notranslate">var initialValue = 0; +<pre class="brush: js">var initialValue = 0; var sum = [{x: 1}, {x:2}, {x:3}].reduce(function (accumulator, currentValue) { return accumulator + currentValue.x; },initialValue) @@ -357,7 +357,7 @@ console.log(sum) // logs 6</pre> <p>你也可以写成箭头函数的形式：</p> -<pre class="brush: js notranslate">var initialValue = 0; +<pre class="brush: js">var initialValue = 0; var sum = [{x: 1}, {x:2}, {x:3}].reduce( (accumulator, currentValue) => accumulator + currentValue.x ,initialValue @@ -368,7 +368,7 @@ console.log(sum) // logs 6 <h3 id="将二维数组转化为一维">将二维数组转化为一维</h3> -<pre class="brush: js notranslate">var flattened = [[0, 1], [2, 3], [4, 5]].reduce( +<pre class="brush: js">var flattened = [[0, 1], [2, 3], [4, 5]].reduce( function(a, b) { return a.concat(b); }, @@ -379,7 +379,7 @@ console.log(sum) // logs 6 <p>你也可以写成箭头函数的形式：</p> -<pre class="brush: js notranslate">var flattened = [[0, 1], [2, 3], [4, 5]].reduce( +<pre class="brush: js">var flattened = [[0, 1], [2, 3], [4, 5]].reduce( ( acc, cur ) => acc.concat(cur), [] ); @@ -388,7 +388,7 @@ console.log(sum) // logs 6 <h3 id="计算数组中每个元素出现的次数">计算数组中每个元素出现的次数</h3> -<pre class="brush: js notranslate">var names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice']; +<pre class="brush: js">var names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice']; var countedNames = names.reduce(function (allNames, name) { if (name in allNames) { @@ -404,7 +404,7 @@ var countedNames = names.reduce(function (allNames, name) { <h3 id="按属性对object分类">按属性对object分类</h3> -<pre class="brush: js notranslate">var people = [ +<pre class="brush: js">var people = [ { name: 'Alice', age: 21 }, { name: 'Max', age: 20 }, { name: 'Jane', age: 20 } @@ -434,7 +434,7 @@ var groupedPeople = groupBy(people, 'age'); <h3 id="使用扩展运算符和initialValue绑定包含在对象数组中的数组">使用扩展运算符和initialValue绑定包含在对象数组中的数组</h3> -<pre class="brush: js notranslate">// friends - 对象数组 +<pre class="brush: js">// friends - 对象数组 // where object field "books" - list of favorite books var friends = [{ name: 'Anna', @@ -469,7 +469,7 @@ var allbooks = friends.reduce(function(prev, curr) { <p>注意： 如果你正在使用一个可以兼容{{jsxref("Set")}} 和 {{jsxref("Array.from()")}} 的环境， 你可以使用<code>let orderedArray = Array.from(new Set(myArray));</code> 来获得一个相同元素被移除的数组。</p> </div> -<pre class="brush: js notranslate">let myArray = ['a', 'b', 'a', 'b', 'c', 'e', 'e', 'c', 'd', 'd', 'd', 'd'] +<pre class="brush: js">let myArray = ['a', 'b', 'a', 'b', 'c', 'e', 'e', 'c', 'd', 'd', 'd', 'd'] let myOrderedArray = myArray.reduce(function (accumulator, currentValue) { if (accumulator.indexOf(currentValue) === -1) { accumulator.push(currentValue) @@ -479,7 +479,7 @@ let myOrderedArray = myArray.reduce(function (accumulator, currentValue) { console.log(myOrderedArray)</pre> -<pre class="brush: js notranslate">let arr = [1,2,1,2,3,5,4,5,3,4,4,4,4]; +<pre class="brush: js">let arr = [1,2,1,2,3,5,4,5,3,4,4,4,4]; let result = arr.sort().reduce((init, current) => { if(init.length === 0 || init[init.length-1] !== current) { init.push(current); @@ -490,7 +490,7 @@ console.log(result); //[1,2,3,4,5]</pre> <h3 id="按顺序运行Promise">按顺序运行Promise</h3> -<pre class="brush: js notranslate">/** +<pre class="brush: js">/** * Runs promises from array of functions that can return promises * in chained manner * @@ -537,7 +537,7 @@ runPromiseInSequence(promiseArr, 10) <h3 id="功能型函数管道">功能型函数管道</h3> -<pre class="brush: js notranslate">// Building-blocks to use for composition +<pre class="brush: js">// Building-blocks to use for composition const double = x => x + x; const triple = x => 3 * x; const quadruple = x => 4 * x; @@ -563,7 +563,7 @@ multiply24(10); // 240 <h3 id="使用_reduce实现map">使用 reduce实现map</h3> -<pre class="brush: js notranslate">if (!Array.prototype.mapUsingReduce) { +<pre class="brush: js">if (!Array.prototype.mapUsingReduce) { Array.prototype.mapUsingReduce = function(callback, thisArg) { return this.reduce(function(mappedArray, currentValue, index, array) { mappedArray[index] = callback.call(thisArg, currentValue, index, array) @@ -579,7 +579,7 @@ multiply24(10); // 240 <h2 id="Polyfill">Polyfill</h2> -<pre class="brush: js notranslate">// Production steps of ECMA-262, Edition 5, 15.4.4.21 +<pre class="brush: js">// Production steps of ECMA-262, Edition 5, 15.4.4.21 // Reference: http://es5.github.io/#x15.4.4.21 // https://tc39.github.io/ecma262/#sec-array.prototype.reduce if (!Array.prototype.reduce) { diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/reduceright/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/reduceright/index.html index 94ef4c7602..1245486db3 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/reduceright/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/reduceright/index.html @@ -20,7 +20,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/ReduceRight <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><var>arr.reduceRight(callback(accumulator, currentValue[, index[, array]])[, initialValue])</var></pre> +<pre class="syntaxbox"><var>arr.reduceRight(callback(accumulator, currentValue[, index[, array]])[, initialValue])</var></pre> <h3 id="参数">参数</h3> @@ -55,7 +55,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/ReduceRight <p>可以像下面这样调用 <code>reduceRight</code> 的回调函数 <code>callback</code>：</p> -<pre class="brush: js notranslate">array.reduceRight(function(accumulator, currentValue, index, array) { +<pre class="brush: js">array.reduceRight(function(accumulator, currentValue, index, array) { // ... });</pre> @@ -111,7 +111,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/ReduceRight <p>该函数的完整执行过程见下例：</p> -<pre class="brush: js notranslate">[0, 1, 2, 3, 4].reduceRight(function(previousValue, currentValue, index, array) { +<pre class="brush: js">[0, 1, 2, 3, 4].reduceRight(function(previousValue, currentValue, index, array) { return previousValue + currentValue; }); </pre> @@ -169,7 +169,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/ReduceRight <p>如果提供了一个 <code>initialValue</code> 参数，则结果如下：</p> -<pre class="brush: js notranslate">[0, 1, 2, 3, 4].reduceRight(function(previousValue, currentValue, index, array) { +<pre class="brush: js">[0, 1, 2, 3, 4].reduceRight(function(previousValue, currentValue, index, array) { return previousValue + currentValue; }, 10); </pre> @@ -235,14 +235,14 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/ReduceRight <h3 id="求一个数组中所有值的和">求一个数组中所有值的和</h3> -<pre class="brush: js notranslate">var sum = [0, 1, 2, 3].reduceRight(function(a, b) { +<pre class="brush: js">var sum = [0, 1, 2, 3].reduceRight(function(a, b) { return a + b; }); // sum is 6</pre> <h3 id="扁平化（flatten）一个二维数组">扁平化（flatten）一个二维数组</h3> -<pre class="brush: js notranslate">var flattened = [[0, 1], [2, 3], [4, 5]].reduceRight(function(a, b) { +<pre class="brush: js">var flattened = [[0, 1], [2, 3], [4, 5]].reduceRight(function(a, b) { return a.concat(b); }, []); // flattened is [4, 5, 2, 3, 0, 1] @@ -250,7 +250,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/ReduceRight <h3 id="运行一个带有回调每个函数将其结果传给下一个的异步函数列表">运行一个带有回调每个函数将其结果传给下一个的异步函数列表</h3> -<pre class="brush: js notranslate">const waterfall = (...functions) => (callback, ...args) => +<pre class="brush: js">const waterfall = (...functions) => (callback, ...args) => functions.reduceRight( (composition, fn) => (...results) => fn(composition, ...results), callback @@ -293,7 +293,7 @@ const computation2 = (input, callback) => { <h3 id="展示_reduce_与_reduceRight_之间的区别">展示 <code>reduce</code> 与 <code>reduceRight</code> 之间的区别</h3> -<pre class="brush: js notranslate">var a = ['1', '2', '3', '4', '5']; +<pre class="brush: js">var a = ['1', '2', '3', '4', '5']; var left = a.reduce(function(prev, cur) { return prev + cur; }); var right = a.reduceRight(function(prev, cur) { return prev + cur; }); @@ -304,7 +304,7 @@ console.log(right); // "54321"</pre> <p>组合函数的概念简单，它只是简单地结合了多个函数。它是一个从右向左流动的函数，用上一个函数的输出调用每个函数。</p> -<pre class="brush: js notranslate">/** +<pre class="brush: js">/** * Function Composition is way in which result of one function can * be passed to another and so on. * @@ -333,7 +333,7 @@ console.log(compose(inc, double)(2)); // 5</pre> <p><code>reduceRight</code> 被添加到 ECMA-262 标准第 5 版，因此它在某些实现环境中可能不被支持。把下面的代码添加到脚本开头可以解决此问题，从而允许在那些没有原生支持 <code>reduceRight</code> 的实现环境中使用它。</p> -<pre class="brush: js notranslate">// Production steps of ECMA-262, Edition 5, 15.4.4.22 +<pre class="brush: js">// Production steps of ECMA-262, Edition 5, 15.4.4.22 // Reference: http://es5.github.io/#x15.4.4.22 if ('function' !== typeof Array.prototype.reduceRight) { Array.prototype.reduceRight = function(callback /*, initialValue*/) { diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/slice/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/slice/index.html index eb68df4907..b69293d1db 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/slice/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/slice/index.html @@ -20,7 +20,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/slice <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><var>arr</var>.slice([<var>begin</var>[, <var>end</var>]])</pre> +<pre class="syntaxbox"><var>arr</var>.slice([<var>begin</var>[, <var>end</var>]])</pre> <h2 id="参数">参数</h2> @@ -63,7 +63,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/slice <h3 id="返回现有数组的一部分">返回现有数组的一部分</h3> -<pre class="brush: js notranslate">var fruits = ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango']; +<pre class="brush: js">var fruits = ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango']; var citrus = fruits.slice(1, 3); // fruits contains ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango'] @@ -78,7 +78,7 @@ var citrus = fruits.slice(1, 3); <p>在下例中, <code>slice</code> 从 <code>myCar</code> 中创建了一个新数组<code>newCar</code>。两个数组都包含了一个 <code>myHonda</code> 对象的引用。当 <code>myHonda</code> 的 <code>color</code> 属性改变为 <code>purple</code>，则两个数组中的对应元素都会随之改变。</p> -<pre class="brush: js notranslate">// 使用 slice 方法从 myCar 中创建一个 newCar。 +<pre class="brush: js">// 使用 slice 方法从 myCar 中创建一个 newCar。 var myHonda = { color: 'red', wheels: 4, engine: { cylinders: 4, size: 2.2 } }; var myCar = [myHonda, 2, "cherry condition", "purchased 1997"]; var newCar = myCar.slice(0, 2); @@ -100,7 +100,7 @@ console.log('newCar[0].color = ' + newCar[0].color); <p>上述代码输出：</p> -<pre class="brush: js notranslate"> myCar = [{color: 'red', wheels: 4, engine: {cylinders: 4, size: 2.2}}, 2, +<pre class="brush: js"> myCar = [{color: 'red', wheels: 4, engine: {cylinders: 4, size: 2.2}}, 2, 'cherry condition', 'purchased 1997'] newCar = [{color: 'red', wheels: 4, engine: {cylinders: 4, size: 2.2}}, 2] myCar[0].color = red @@ -114,7 +114,7 @@ newCar[0].color = purple <p><code>slice</code> 方法可以用来将一个类数组（Array-like）对象/集合转换成一个新数组。你只需将该方法绑定到这个对象上。 一个函数中的 {{jsxref("Functions/arguments", "arguments")}} 就是一个类数组对象的例子。</p> -<pre class="brush: js notranslate">function list() { +<pre class="brush: js">function list() { return Array.prototype.slice.call(arguments); } @@ -123,7 +123,7 @@ var list1 = list(1, 2, 3); // [1, 2, 3] <p>除了使用 <code>Array.prototype.slice.call(</code><code>arguments</code><code>)</code>，你也可以简单的使用 <code>[].slice.call(arguments)</code> 来代替。另外，你可以使用 <code>bind</code> 来简化该过程。</p> -<pre class="brush: js notranslate">var unboundSlice = Array.prototype.slice; +<pre class="brush: js">var unboundSlice = Array.prototype.slice; var slice = Function.prototype.call.bind(unboundSlice); function list() { @@ -137,7 +137,7 @@ var list1 = list(1, 2, 3); // [1, 2, 3] <p>根据规范，使用 <code>Array.prototype.slice</code> 转换宿主对象（如 DOM 对象）时，不必遵循 Mozilla 的默认行为，即可以转化任何符合条件的伪数组宿主对象为数组，IE < 9 没有遵循，而 IE9 + 遵循这个行为，但是稍加改造可以使其在跨浏览器使用时更可靠。只要其他现代浏览器继续支持该行为，目前 IE 9+、FireFox、Chrome、Safari 以及 Opera 都支持，开发者在使用下面代码时遍历 DOM 时就不会被该方法的字面意义误导，即 IE < 9 不能转化 DOM Collections。开发者可以安全地根据语义知道该方法的实际上的标准行为。（下面的代码还修正了 IE 中 <code>slice()</code> 方法第二个参数不允许为显式的 {{jsxref("Global_Objects/null", "null")}}/{{jsxref("Global_Objects/undefined", "undefined")}} 值的问题，其他现代浏览器，包括 IE9+ 都允许）。</p> -<pre class="brush: js notranslate">/** +<pre class="brush: js">/** * Shim for "fixing" IE's lack of support (IE < 9) for applying slice * on host objects like NamedNodeMap, NodeList, and HTMLCollection * (technically, since host objects have been implementation-dependent, diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/values/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/values/index.html index 7af8b40436..d8cc03f53f 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/values/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/values/index.html @@ -20,7 +20,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/values <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><var>arr</var>.values()</pre> +<pre class="syntaxbox"><var>arr</var>.values()</pre> <h3 id="返回值">返回值</h3> @@ -30,7 +30,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/values <h3 id="使用_for...of_循环进行迭代">使用 <code>for...of</code> 循环进行迭代</h3> -<pre class="brush: js notranslate">let arr = ['w', 'y', 'k', 'o', 'p']; +<pre class="brush: js">let arr = ['w', 'y', 'k', 'o', 'p']; let eArr = arr.values(); for (let letter of eArr) { @@ -39,11 +39,11 @@ for (let letter of eArr) { <p><strong>Array.prototype.values</strong> 是 <strong>Array.prototype[Symbol.iterator] </strong>的默认实现。</p> -<pre class="notranslate">Array.prototype.values === Array.prototype[Symbol.iterator] // true </pre> +<pre>Array.prototype.values === Array.prototype[Symbol.iterator] // true </pre> <h3 id="使用_.next_迭代">使用 <code>.next()</code> 迭代</h3> -<pre class="notranslate">var arr = ['a', 'b', 'c', 'd', 'e']; +<pre>var arr = ['a', 'b', 'c', 'd', 'e']; var iterator = arr.values(); iterator.next(); // Object { value: "a", done: false } iterator.next().value; // "b" @@ -59,7 +59,7 @@ iterator.next().value; // undefined</pre> <p>例子：</p> -<pre class="notranslate">var arr = ['a', 'b', 'c', 'd', 'e']; +<pre>var arr = ['a', 'b', 'c', 'd', 'e']; var iterator = arr.values(); for (let letter of iterator) { console.log(letter); @@ -72,7 +72,7 @@ console.log(letter); <p><strong>值</strong>: 数组迭代器中存储的是原数组的地址，而不是数组元素值。</p> -<pre class="notranslate">var arr = ['a', 'b', 'c', 'd', 'e']; +<pre>var arr = ['a', 'b', 'c', 'd', 'e']; var iterator = arr.values(); console.log(iterator); // Array Iterator { } iterator.next().value; // "a" diff --git a/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/index.html b/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/index.html index 0dde8cd36a..f58f460328 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/arraybuffer/index.html @@ -24,7 +24,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/ArrayBuffer <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">new ArrayBuffer(length) +<pre class="syntaxbox">new ArrayBuffer(length) </pre> <h3 id="参数">参数</h3> @@ -104,7 +104,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/ArrayBuffer <p>下面的例子创建了一个 8 字节的缓冲区，并使用一个 {{jsxref("Global_Objects/Int32Array", "Int32Array")}} 来引用它：</p> -<pre class="notranslate"><code>var buffer = new ArrayBuffer(8); +<pre><code>var buffer = new ArrayBuffer(8); var view = new Int32Array(buffer);</code> </pre> @@ -143,11 +143,11 @@ var view = new Int32Array(buffer);</code> <p>从 ECMAScript 2015 开始，<code>ArrayBuffer</code> 对象需要用 {{jsxref("Operators/new", "new")}} 运算符创建。如果调用构造函数时没有使用 <code>new</code>，将会抛出 {{jsxref("TypeError")}} 异常。</p> -<pre class="brush: js example-bad notranslate">var dv = ArrayBuffer(10); +<pre class="brush: js example-bad">var dv = ArrayBuffer(10); // TypeError: calling a builtin ArrayBuffer constructor // without new is forbidden</pre> -<pre class="brush: js example-good notranslate">var dv = new ArrayBuffer(10);</pre> +<pre class="brush: js example-good">var dv = new ArrayBuffer(10);</pre> <h2 id="相关链接">相关链接</h2> diff --git a/files/zh-cn/web/javascript/reference/global_objects/atomics/index.html b/files/zh-cn/web/javascript/reference/global_objects/atomics/index.html index 838b6d8b99..2b3b3364a4 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/atomics/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/atomics/index.html @@ -54,7 +54,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Atomics <h3 id="使用_Atomics">使用 Atomics</h3> -<pre class="brush: js notranslate">const sab = new SharedArrayBuffer(1024); +<pre class="brush: js">const sab = new SharedArrayBuffer(1024); const ta = new Uint8Array(sab); ta[0]; @@ -101,19 +101,19 @@ Atomics.load(ta, 0); // 4 <p>给定一个共享的 <code>Int32Array</code>：</p> -<pre class="brush: js notranslate">const sab = new SharedArrayBuffer(1024); +<pre class="brush: js">const sab = new SharedArrayBuffer(1024); const int32 = new Int32Array(sab); </pre> <p>读取线程正在休眠并位置0上等待。只要该位置应为0，它就不会继续。但是，一旦写入线程存储了新值，写入线程将通知它并返回新值（123）。</p> -<pre class="brush: js notranslate">Atomics.wait(int32, 0, 0); +<pre class="brush: js">Atomics.wait(int32, 0, 0); console.log(int32[0]); // 123 </pre> <p>写入线程存储一个新值并再写入完成时通知等待线程：</p> -<pre class="brush: js notranslate">console.log(int32[0]); // 0; +<pre class="brush: js">console.log(int32[0]); // 0; Atomics.store(int32, 0, 123); Atomics.notify(int32, 0, 1);</pre> diff --git a/files/zh-cn/web/javascript/reference/global_objects/atomics/notify/index.html b/files/zh-cn/web/javascript/reference/global_objects/atomics/notify/index.html index bf2399192c..6459625463 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/atomics/notify/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/atomics/notify/index.html @@ -18,7 +18,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Atomics/notify <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">Atomics.notify(typedArray, index, count) +<pre class="syntaxbox">Atomics.notify(typedArray, index, count) </pre> <h3 id="参数">参数</h3> @@ -47,18 +47,18 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Atomics/notify <p>分配一个共享的 <code>Int32Array</code>：</p> -<pre class="brush: js notranslate">var sab = new SharedArrayBuffer(1024); +<pre class="brush: js">var sab = new SharedArrayBuffer(1024); var int32 = new Int32Array(sab); </pre> <p>一个读线程会进入休眠并监视索引0处的值（默认为0）。只要索引0处的值不为0，读进程就会唤醒。但是，一旦写进程存储了一个新的值，写进程就会产生一个提醒并返回写入后的新值（123）。（这里示例有问题或者说对初学者不友好，如果直接在浏览器控制台运行下面代码会报错，因为我们不能尝试睡眠主线程，可以见 <a href="https://github.com/lizhongzhen11/lizz-blog/issues/125#notice">重学js —— 结构化数据之Atomics对象</a>，同时我在 <strong>codepen </strong>写了一个示例：<a href="https://codepen.io/lizhongzhen11/project/editor/AmzyaY#">Atomics.wait使用示例</a>）</p> -<pre class="brush: js notranslate">Atomics.wait(int32, 0, 0); +<pre class="brush: js">Atomics.wait(int32, 0, 0); console.log(int32[0]); // 123</pre> <p>写进程写入一个新值并告知等待进程已经写入成功了：</p> -<pre class="brush: js notranslate">console.log(int32[0]); // 0; +<pre class="brush: js">console.log(int32[0]); // 0; Atomics.store(int32, 0, 123); Atomics.notify(int32, 0, 1);</pre> diff --git a/files/zh-cn/web/javascript/reference/global_objects/bigint64array/index.html b/files/zh-cn/web/javascript/reference/global_objects/bigint64array/index.html index 69b980e18b..23361908f2 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/bigint64array/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/bigint64array/index.html @@ -111,7 +111,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/BigInt64Array <h3 id="不同的方法去创建一个_BigInt64Array">不同的方法去创建一个 <code>BigInt64Array</code></h3> -<pre class="brush: js notranslate">// From a length +<pre class="brush: js">// From a length var bigint64 = new BigInt64Array(2); bigint64[0] = 42n; console.log(bigint64[0]); // 42n diff --git a/files/zh-cn/web/javascript/reference/global_objects/boolean/index.html b/files/zh-cn/web/javascript/reference/global_objects/boolean/index.html index a236f20273..4101843056 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/boolean/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/boolean/index.html @@ -19,7 +19,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Boolean <p>其值不是{{jsxref("undefined")}}或{{jsxref("null")}}的任何对象（包括其值为<code>false</code>的布尔对象）在传递给条件语句时都将计算为<code>true</code>。 例如，以下{{jsxref("Statements/if...else", "if")}}语句中的条件评估为<code>true</code>：</p> -<pre class="brush: js notranslate">var x = new Boolean(false); +<pre class="brush: js">var x = new Boolean(false); if (x) { // 这里的代码会被执行 } @@ -27,7 +27,7 @@ if (x) { <p>基本类型的布尔值不受此规则影响。例如下面的 {{jsxref("Statements/if...else", "if")}} 语句的条件为假：</p> -<pre class="brush: js notranslate">var x = false; +<pre class="brush: js">var x = false; if (x) { // 这里的代码不会执行 } @@ -35,14 +35,14 @@ if (x) { <p>不要用创建 <code>Boolean</code> 对象的方式将一个非布尔值转化成布尔值，直接将 <code>Boolean</code> 当做转换函数来使用即可，或者使用<a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/Logical_Operators#%E9%80%BB%E8%BE%91%E9%9D%9E%EF%BC%88!%EF%BC%89">双重非（!!）运算符</a>：</p> -<pre class="brush: js notranslate">var x = Boolean(expression); // 推荐 +<pre class="brush: js">var x = Boolean(expression); // 推荐 var x = !!(expression); // 推荐 var x = new Boolean(expression); // 不太好 </pre> <p>对于任何对象，即使是值为 <code>false</code> 的 <code>Boolean</code> 对象，当将其传给 <code>Boolean</code> 函数时，生成的 <code>Boolean</code> 对象的值都是 <code>true</code>。</p> -<pre class="brush: js notranslate">var myFalse = new Boolean(false); // true +<pre class="brush: js">var myFalse = new Boolean(false); // true var g = new Boolean(myFalse); // true var myString = new String("Hello"); var s = new Boolean(myString); // true @@ -74,7 +74,7 @@ var s = new Boolean(myString); // true <h3 id="创建值为_false_的_Boolean_对象">创建值为 <code>false</code> 的 <code>Boolean</code> 对象</h3> -<pre class="brush: js notranslate">var bNoParam = new Boolean(); +<pre class="brush: js">var bNoParam = new Boolean(); var bZero = new Boolean(0); var bNull = new Boolean(null); var bEmptyString = new Boolean(''); @@ -83,7 +83,7 @@ var bfalse = new Boolean(false); <h3 id="创建值为_true_的_Boolean_对象">创建值为 <code>true</code> 的 <code>Boolean</code> 对象</h3> -<pre class="brush: js notranslate">var btrue = new Boolean(true); +<pre class="brush: js">var btrue = new Boolean(true); var btrueString = new Boolean('true'); var bfalseString = new Boolean('false'); var bSuLin = new Boolean('Su Lin'); diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/index.html b/files/zh-cn/web/javascript/reference/global_objects/date/index.html index 152caed1a0..2c8e41406b 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/date/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/date/index.html @@ -18,7 +18,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">new Date(); +<pre class="syntaxbox">new Date(); new Date(<var>value</var>); new Date(<var>dateString</var>); new Date(<var>year</var>, <var>monthIndex</var> [, <var>day</var> [, <var>hours</var> [, <var>minutes</var> [, <var>seconds</var> [, <var>milliseconds</var>]]]]]);</pre> @@ -147,7 +147,7 @@ new Date(<var>year</var>, <var>monthIndex</var> [, <var>day</var> [, <var>hours< <p><strong>注意:</strong> 由于浏览器差异和不一致性，强烈建议不要使用<code>Date</code>构造函数（和<code>Date.parse</code>，它们是等效的）解析日期字符串。</p> </div> -<pre class="brush: js notranslate">var today = new Date(); +<pre class="brush: js">var today = new Date(); var birthday = new Date('December 17, 1995 03:24:00'); var birthday = new Date('1995-12-17T03:24:00'); var birthday = new Date(1995, 11, 17); @@ -158,7 +158,7 @@ var birthday = new Date(1995, 11, 17, 3, 24, 0); <p>为了创建和获取 0 到 99 之间的年份，应使用 {{jsxref("Date.prototype.setFullYear()")}} 和 {{jsxref("Date.prototype.getFullYear()")}} 方法。</p> -<pre class="brush: js notranslate">var date = new Date(98, 1); // Sun Feb 01 1998 00:00:00 GMT+0000 (GMT) +<pre class="brush: js">var date = new Date(98, 1); // Sun Feb 01 1998 00:00:00 GMT+0000 (GMT) // 已弃用的方法, 同样将 98 映射为 1998 date.setYear(98); // Sun Feb 01 1998 00:00:00 GMT+0000 (GMT) @@ -172,7 +172,7 @@ date.setFullYear(98); // Sat Feb 01 0098 00:00:00 GMT+0000 (BST) <p>由于不同日期、月份、年份长度的不同（日期长度不同来自夏令时的切换），使用大于秒、分钟、小时的单位表示经过的时间会遇到很多问题，在使用前需要经过详尽的调研。</p> -<pre class="brush: js notranslate">// 使用 Date 对象 +<pre class="brush: js">// 使用 Date 对象 var start = Date.now(); // 调用一个消耗一定时间的方法： @@ -180,7 +180,7 @@ doSomethingForALongTime(); var end = Date.now(); var elapsed = end - start; // 以毫秒计的运行时长</pre> -<pre class="brush: js notranslate">// 使用内建的创建方法 +<pre class="brush: js">// 使用内建的创建方法 var start = new Date(); // 调用一个消耗一定时间的方法： @@ -188,7 +188,7 @@ doSomethingForALongTime(); var end = new Date(); var elapsed = end.getTime() - start.getTime(); // 运行时间的毫秒值</pre> -<pre class="brush: js notranslate" dir="ltr">// to test a function and get back its return +<pre class="brush: js" dir="ltr">// to test a function and get back its return function printElapsedTime (fTest) { var nStartTime = Date.now(), vReturn = fTest(), @@ -205,7 +205,7 @@ yourFunctionReturn = printElapsedTime(yourFunction); <h3 id="获取自_Unix_起始时间以来经过的秒数">获取自 Unix 起始时间以来经过的秒数</h3> -<pre class="brush: js notranslate">var seconds = Math.floor(Date.now() / 1000);</pre> +<pre class="brush: js">var seconds = Math.floor(Date.now() / 1000);</pre> <p>注意此处需要返回一个整数 （仅做除法得到的不是整数），并且需要返回实际已经经过的秒数（所以这里使用了{{jsxref("Math.floor()")}}而不是{{jsxref("Math.round()")}}).</p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/encodeuricomponent/index.html b/files/zh-cn/web/javascript/reference/global_objects/encodeuricomponent/index.html index dd30f152b1..2864496ff8 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/encodeuricomponent/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/encodeuricomponent/index.html @@ -15,7 +15,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/encodeURIComponent <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">encodeURIComponent(str);</pre> +<pre class="syntaxbox">encodeURIComponent(str);</pre> <h3 id="参数">参数</h3> @@ -32,7 +32,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/encodeURIComponent <p><code>encodeURIComponent</code> 转义除了如下所示外的所有字符：</p> -<pre class="notranslate">不转义的字符： +<pre>不转义的字符： A-Z a-z 0-9 <code>-</code> <code>_</code> <code>.</code> <code>!</code> <code>~</code> <code>*</code> <code>'</code> <code>(</code> <code>)</code></pre> <p><code>encodeURIComponent()</code> 和 <strong><code>encodeURI</code></strong> 有以下几个不同点：</p> @@ -54,7 +54,7 @@ console.log(encodeURIComponent(set4)); // ABC%20abc%20123 (the space gets encode <p>注意，如果试图编码一个非高-低位完整的代理字符，将会抛出一个 {{jsxref("URIError")}} 错误，例如：</p> -<pre class="brush: js notranslate">// 高低位完整 +<pre class="brush: js">// 高低位完整 alert(encodeURIComponent('\uD800\uDFFF')); // 只有高位，将抛出"URIError: malformed URI sequence" @@ -69,7 +69,7 @@ alert(encodeURIComponent('\uDFFF')); </pre> <p>为了更严格的遵循 {{rfc("3986")}}（它保留 !, ', (, ), 和 *），即使这些字符并没有正式划定 URI 的用途，下面这种方式是比较安全的：</p> -<pre class="brush: js notranslate">function fixedEncodeURIComponent (str) { +<pre class="brush: js">function fixedEncodeURIComponent (str) { return encodeURIComponent(str).replace(/[!'()*]/g, function(c) { return '%' + c.charCodeAt(0).toString(16).toUpperCase(); }); @@ -79,7 +79,7 @@ alert(encodeURIComponent('\uDFFF')); </pre> <p>下面这个例子提供了 UTF-8 下 {{HTTPHeader("Content-Disposition")}} 和 {{HTTPHeader("Link")}} 的服务器响应头信息的参数（例如 UTF-8 文件名)：</p> -<pre class="brush: js notranslate">var fileName = 'my file(2).txt'; +<pre class="brush: js">var fileName = 'my file(2).txt'; var header = "Content-Disposition: attachment; filename*=UTF-8''" + encodeRFC5987ValueChars(fileName); diff --git a/files/zh-cn/web/javascript/reference/global_objects/finalizationregistry/index.html b/files/zh-cn/web/javascript/reference/global_objects/finalizationregistry/index.html index 10e720eb80..5dbd569caf 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/finalizationregistry/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/finalizationregistry/index.html @@ -21,14 +21,14 @@ translation_of: Web/JavaScript/Reference/Global_Objects/FinalizationRegistry <p>你在回调中创建了如下的 registry：</p> -<pre class="brush: js notranslate">const registry = new FinalizationRegistry(heldValue => { +<pre class="brush: js">const registry = new FinalizationRegistry(heldValue => { // .... }); </pre> <p>然后，你可以通过调用`register`方法，注册任何你想要清理回调的对象，传入该对象和*所含的值*。</p> -<pre class="brush: js notranslate">registry.register(theObject, "some value"); +<pre class="brush: js">registry.register(theObject, "some value"); </pre> <p>The registry does not keep a strong reference to the object, as that would defeat the purpose (if the registry held it strongly, the object would never be reclaimed).</p> @@ -39,14 +39,14 @@ translation_of: Web/JavaScript/Reference/Global_Objects/FinalizationRegistry <p>It's common to use the object itself as the unregister token, which is just fine:</p> -<pre class="brush: js notranslate">registry.register(theObject, "some value", theObject); +<pre class="brush: js">registry.register(theObject, "some value", theObject); // ...some time later, if you don't care about `theObject` anymore... registry.unregister(theObject); </pre> <p>It doesn't have to be the same object, though; it can be a different one:</p> -<pre class="brush: js notranslate">registry.register(theObject, "some value", tokenObject); +<pre class="brush: js">registry.register(theObject, "some value", tokenObject); // ...some time later, if you don't care about `theObject` anymore... registry.unregister(tokenObject); </pre> @@ -108,7 +108,7 @@ registry.unregister(tokenObject); <p>You create the registry passing in the callback:</p> -<pre class="brush: js notranslate">const registry = new FinalizationRegistry(heldValue => { +<pre class="brush: js">const registry = new FinalizationRegistry(heldValue => { // .... }); </pre> @@ -117,7 +117,7 @@ registry.unregister(tokenObject); <p>Then you register any objects you want a cleanup callback for by calling the `register` method, passing in the object and a *held value* for it:</p> -<pre class="brush: js notranslate">registry.register(theObject, "some value");</pre> +<pre class="brush: js">registry.register(theObject, "some value");</pre> <h2 id="Specifications">Specifications</h2> diff --git a/files/zh-cn/web/javascript/reference/global_objects/function/apply/index.html b/files/zh-cn/web/javascript/reference/global_objects/function/apply/index.html index d345215619..944791e29c 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/function/apply/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/function/apply/index.html @@ -19,7 +19,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Function/apply <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox notranslate"><code><em>func</em>.apply(<em>thisArg</em><em>, [</em><em>argsArray</em>])</code></pre> +<pre class="syntaxbox"><code><em>func</em>.apply(<em>thisArg</em><em>, [</em><em>argsArray</em>])</code></pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -58,7 +58,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Function/apply <p><code>apply</code>正派上用场！</p> -<pre class="brush: js notranslate">var array = ['a', 'b']; +<pre class="brush: js">var array = ['a', 'b']; var elements = [0, 1, 2]; array.push.apply(array, elements); console.info(array); // ["a", "b", 0, 1, 2] @@ -70,7 +70,7 @@ console.info(array); // ["a", "b", 0, 1, 2] <p>下面是示例，我们将用<code>Math.max</code>/<code>Math.min</code>求得数组中的最大/小值。</p> -<pre class="brush: js notranslate">/* 找出数组中最大/小的数字 */ +<pre class="brush: js">/* 找出数组中最大/小的数字 */ var numbers = [5, 6, 2, 3, 7]; /* 使用Math.min/Math.max以及apply 函数时的代码 */ @@ -91,7 +91,7 @@ for (var i = 0; i < numbers.length; i++) { <p>如果你的参数数组可能非常大，那么推荐使用下面这种混合策略：将数组切块后循环传入目标方法：</p> -<pre class="brush: js notranslate">function minOfArray(arr) { +<pre class="brush: js">function minOfArray(arr) { var min = Infinity; var QUANTUM = 32768; @@ -110,7 +110,7 @@ var min = minOfArray([5, 6, 2, 3, 7]); <p>你可以使用apply来链接一个对象<a href="/zh-CN/docs/JavaScript/Reference/Operators/new" title="JavaScript/Reference/Operators/new">构造器</a>，类似于Java。在接下来的例子中我们会创建一个全局<a href="/zh-CN/docs/JavaScript/Reference/Global_Objects/Function" title="JavaScript/Reference/Global_Objects/Function"><code>Function</code></a> 对象的construct方法 ，来使你能够在构造器中使用一个类数组对象而非参数列表。</p> -<pre class="brush: js notranslate">Function.prototype.construct = function (aArgs) { +<pre class="brush: js">Function.prototype.construct = function (aArgs) { var oNew = Object.create(this.prototype); this.apply(oNew, aArgs); return oNew; @@ -122,7 +122,7 @@ var min = minOfArray([5, 6, 2, 3, 7]); <p>Using {{jsxref("Object/__proto__", "Object.__proto__")}}:</p> -<pre class="brush: js notranslate">Function.prototype.construct = function (aArgs) { +<pre class="brush: js">Function.prototype.construct = function (aArgs) { var oNew = {}; oNew.__proto__ = this.prototype; this.apply(oNew, aArgs); @@ -131,7 +131,7 @@ var min = minOfArray([5, 6, 2, 3, 7]); <p>使用闭包：</p> -<pre class="brush: js notranslate" style="font-style: normal;">Function.prototype.construct = function(aArgs) { +<pre class="brush: js" style="font-style: normal;">Function.prototype.construct = function(aArgs) { var fConstructor = this, fNewConstr = function() { fConstructor.apply(this, aArgs); }; @@ -141,7 +141,7 @@ var min = minOfArray([5, 6, 2, 3, 7]); <p class="brush: js" style="font-style: normal;">使用 Function 构造器：</p> -<pre class="brush: js notranslate">Function.prototype.construct = function (aArgs) { +<pre class="brush: js">Function.prototype.construct = function (aArgs) { var fNewConstr = new Function(""); fNewConstr.prototype = this.prototype; var oNew = new fNewConstr(); @@ -152,7 +152,7 @@ var min = minOfArray([5, 6, 2, 3, 7]); <p>使用示例：</p> -<pre class="brush: js notranslate">function MyConstructor (arguments) { +<pre class="brush: js">function MyConstructor (arguments) { for (var nProp = 0; nProp < arguments.length; nProp++) { this["property" + nProp] = arguments[nProp]; } diff --git a/files/zh-cn/web/javascript/reference/global_objects/function/bind/index.html b/files/zh-cn/web/javascript/reference/global_objects/function/bind/index.html index c612abb1df..8940da5ad4 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/function/bind/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/function/bind/index.html @@ -20,7 +20,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Function/bind <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><code><var>function</var></code>.bind(<var>thisArg</var>[, <var>arg1</var>[, <var>arg2</var>[, ...]]])</pre> +<pre class="syntaxbox"><code><var>function</var></code>.bind(<var>thisArg</var>[, <var>arg1</var>[, <var>arg2</var>[, ...]]])</pre> <h3 id="参数">参数</h3> @@ -63,7 +63,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Function/bind <p><code>bind()</code> 最简单的用法是创建一个函数，不论怎么调用，这个函数都有同样的 <strong><code>this</code></strong> 值。JavaScript新手经常犯的一个错误是将一个方法从对象中拿出来，然后再调用，期望方法中的 <code>this</code> 是原来的对象（比如在回调中传入这个方法）。如果不做特殊处理的话，一般会丢失原来的对象。基于这个函数，用原始的对象创建一个绑定函数，巧妙地解决了这个问题：</p> -<pre class="brush: js notranslate">this.x = 9; // 在浏览器中，this 指向全局的 "window" 对象 +<pre class="brush: js">this.x = 9; // 在浏览器中，this 指向全局的 "window" 对象 var module = { x: 81, getX: function() { return this.x; } @@ -85,7 +85,7 @@ boundGetX(); // 81 <p><code>bind()</code> 的另一个最简单的用法是使一个函数拥有预设的初始参数。只要将这些参数（如果有的话）作为 <code>bind()</code> 的参数写在 <code>this</code> 后面。当绑定函数被调用时，这些参数会被插入到目标函数的参数列表的开始位置，传递给绑定函数的参数会跟在它们后面。</p> -<pre class="brush: js notranslate">function list() { +<pre class="brush: js">function list() { return Array.prototype.slice.call(arguments); } @@ -120,7 +120,7 @@ var result3 = addThirtySeven(5, 10); <p>在默认情况下，使用 {{ domxref("window.setTimeout()") }} 时，<code>this</code> 关键字会指向 {{ domxref("window") }} （或 <code>global</code>）对象。当类的方法中需要 <code>this</code> 指向类的实例时，你可能需要显式地把 <code>this</code> 绑定到回调函数，就不会丢失该实例的引用。</p> -<pre class="brush: js notranslate"><code>function LateBloomer() { +<pre class="brush: js"><code>function LateBloomer() { this.petalCount = Math.ceil(Math.random() * 12) + 1; } @@ -145,7 +145,7 @@ flower.bloom(); // 一秒钟后, 调用 'declare' 方法</code></pre> <p>绑定函数自动适应于使用 {{jsxref("Operators/new", "new")}} 操作符去构造一个由目标函数创建的新实例。当一个绑定函数是用来构建一个值的，原来提供的 <code>this</code> 就会被忽略。不过提供的参数列表仍然会插入到构造函数调用时的参数列表之前。</p> -<pre class="brush: js notranslate">function Point(x, y) { +<pre class="brush: js">function Point(x, y) { this.x = x; this.y = y; } @@ -178,7 +178,7 @@ new YAxisPoint(17, 42) instanceof Point; // true</pre> <p>请注意，你不需要做特别的处理就可以创建一个和 {{jsxref("Operators/new", "new")}} 操作符一起使用的绑定函数。也就是说，你不需要做特别处理就可以创建一个可以被直接调用的绑定函数，即使你更希望绑定函数是用 {{jsxref("Operators/new", "new")}} 操作符来调用。</p> -<pre class="brush: js notranslate">// ...接着上面的代码继续的话， +<pre class="brush: js">// ...接着上面的代码继续的话， // 这个例子可以直接在你的 JavaScript 控制台运行 // 仍然能作为一个普通函数来调用 @@ -196,7 +196,7 @@ emptyObj.x + ',' + emptyObj.y; // '0,13' <p>你可以用 {{jsxref("Array.prototype.slice")}} 来将一个类似于数组的对象（array-like object）转换成一个真正的数组，就拿它来举例子吧。你可以简单地这样写：</p> -<pre class="brush: js notranslate">var slice = Array.prototype.slice; +<pre class="brush: js">var slice = Array.prototype.slice; // ... @@ -204,7 +204,7 @@ slice.apply(arguments);</pre> <p>用 <code>bind()</code>可以使这个过程变得简单。在下面这段代码里面，<code>slice</code> 是 {{jsxref("Function.prototype")}} 的 {{jsxref("Function.prototype.apply()", "apply()")}} 方法的绑定函数，并且将 {{jsxref("Array.prototype")}} 的 {{jsxref("Array.prototype.slice()", "slice()")}} 方法作为 <strong><code>this</code></strong> 的值。这意味着我们压根儿用不着上面那个 <code>apply()</code>调用了。</p> -<pre class="brush: js notranslate">// 与前一段代码的 "slice" 效果相同 +<pre class="brush: js">// 与前一段代码的 "slice" 效果相同 var unboundSlice = Array.prototype.slice; var slice = Function.prototype.apply.bind(unboundSlice); diff --git a/files/zh-cn/web/javascript/reference/global_objects/globalthis/index.html b/files/zh-cn/web/javascript/reference/global_objects/globalthis/index.html index e3c5d1b0a2..a4dc9510c1 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/globalthis/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/globalthis/index.html @@ -24,7 +24,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/globalThis <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">globalThis</pre> +<pre class="syntaxbox">globalThis</pre> <h2 id="描述">描述</h2> @@ -46,7 +46,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/globalThis <p>在 <code>globalThis</code> 之前，获取某个全局对象的唯一方式就是 <code>Function('return this')()</code>，但是这在某些情况下会违反 <a href="/zh-CN/docs/Web/HTTP/CSP">CSP</a> 规则，所以，<a href="https://github.com/paulmillr/es6-shim">es6-shim</a> 使用了类似如下的方式：</p> -<pre class="brush: js notranslate">var getGlobal = function () { +<pre class="brush: js">var getGlobal = function () { if (typeof self !== 'undefined') { return self; } if (typeof window !== 'undefined') { return window; } if (typeof global !== 'undefined') { return global; } @@ -62,7 +62,7 @@ if (typeof globals.setTimeout !== 'function') { <p>但是有了 <code>globalThis</code> 之后，只需要：</p> -<pre class="brush: js notranslate">if (typeof globalThis.setTimeout !== 'function') { +<pre class="brush: js">if (typeof globalThis.setTimeout !== 'function') { // 此环境中没有 setTimeout 方法！ }</pre> diff --git a/files/zh-cn/web/javascript/reference/global_objects/infinity/index.html b/files/zh-cn/web/javascript/reference/global_objects/infinity/index.html index 3181d4b7ff..f20755f907 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/infinity/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/infinity/index.html @@ -25,7 +25,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Infinity <h2 id="示例">示例</h2> -<pre class="brush: js line-numbers language-js notranslate"><code class="language-js">console.log(Infinity ); /* Infinity */ +<pre class="brush: js line-numbers language-js"><code class="language-js">console.log(Infinity ); /* Infinity */ console.log(Infinity + 1 ); /* Infinity */ console.log(Math.pow(10, 1000)); /* Infinity */ console.log(Math.log(0) ); /* -Infinity */ diff --git a/files/zh-cn/web/javascript/reference/global_objects/intl/locale/index.html b/files/zh-cn/web/javascript/reference/global_objects/intl/locale/index.html index 181d9dc0bf..08af53d8fa 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/intl/locale/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/intl/locale/index.html @@ -64,13 +64,13 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Intl/Locale <p>很简单，就是需要给{{jsxref("Locale/Locale", "Intl.Locale")}} 构造函数传入一个 locale 标识字符串作为参数：</p> -<pre class="brush: js notranslate">let us = new Intl.Locale('zh-Hans-CN');</pre> +<pre class="brush: js">let us = new Intl.Locale('zh-Hans-CN');</pre> <h3 id="使用配置实例化">使用配置实例化</h3> <p>构造函数支持传入 object 作为配置，object 中可包含多个配置属性。例如，设置 <code><a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/hourCycle">hourCycle</a></code> 属性，用于设置您所需要的小时周期类型：</p> -<pre class="brush: js notranslate">let zh12hour = new Intl.Locale("zh-Hans-CN", {hourCycle: "h12"}); +<pre class="brush: js">let zh12hour = new Intl.Locale("zh-Hans-CN", {hourCycle: "h12"}); console.log(zh12hour.hourCycle); // Prints "h12"</pre> <h2 id="规范">规范</h2> diff --git a/files/zh-cn/web/javascript/reference/global_objects/intl/relativetimeformat/index.html b/files/zh-cn/web/javascript/reference/global_objects/intl/relativetimeformat/index.html index 561af8a1fe..a05c3385dd 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/intl/relativetimeformat/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/intl/relativetimeformat/index.html @@ -14,7 +14,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Intl/RelativeTimeFormat <h2 id="句法">句法</h2> -<pre class="notranslate"><code>new Intl.RelativeTimeFormat([<var>locales</var>[, <var>options</var>]]) +<pre><code>new Intl.RelativeTimeFormat([<var>locales</var>[, <var>options</var>]]) </code></pre> <h3 id="参数">参数</h3> @@ -84,7 +84,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Intl/RelativeTimeFormat <p>以下示例显示如何使用英语创建相对时间格式化程序。</p> -<pre class="brush: js notranslate">//在语言环境中创建相对时间格式化程序 +<pre class="brush: js">//在语言环境中创建相对时间格式化程序 //显式传入默认值。 const rtf = new Intl.RelativeTimeFormat("en",{ localeMatcher: "bestfit",//其他值："lookup" @@ -104,7 +104,7 @@ rtf.format(1,"day"); <p>如果<code>numeric:auto</code>选项被传递,它将生成字符串<code>yesterday</code>或<code>tomorrow</code>代替<code>1 day ago</code>或<code>in 1 day</code>。这允许不必总是在输出中使用数值。</p> -<pre class="brush: js notranslate">//在语言环境中创建相对时间格式化程序 +<pre class="brush: js">//在语言环境中创建相对时间格式化程序 //使用数字：传入"auto"选项值。 const rtf = new Intl.RelativeTimeFormat("en",{numeric: "auto"}); @@ -121,7 +121,7 @@ rtf.format(1,"day"); <p>以下示例显示如何创建返回格式化部件的相对时间格式器</p> -<pre class="brush: js notranslate">const rtf = new Intl.RelativeTimeFormat("en",{numeric: "auto"}); +<pre class="brush: js">const rtf = new Intl.RelativeTimeFormat("en",{numeric: "auto"}); //使用日期单位格式化相对时间。 rtf.formatToParts(-1,"day"); diff --git a/files/zh-cn/web/javascript/reference/global_objects/json/stringify/index.html b/files/zh-cn/web/javascript/reference/global_objects/json/stringify/index.html index 3ccfd067d3..ac4e1cdd67 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/json/stringify/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/json/stringify/index.html @@ -19,7 +19,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/JSON/stringify <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox notranslate"><code>JSON.stringify(<em>value</em>[, <em>replacer</em> [, <em>space</em>]])</code> +<pre class="syntaxbox"><code>JSON.stringify(<em>value</em>[, <em>replacer</em> [, <em>space</em>]])</code> </pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -64,7 +64,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/JSON/stringify <h3 id="使用_JSON.stringify">使用 JSON.stringify</h3> -<pre class="brush: js notranslate">JSON.stringify({}); // '{}' +<pre class="brush: js">JSON.stringify({}); // '{}' JSON.stringify(true); // 'true' JSON.stringify("foo"); // '"foo"' JSON.stringify([1, "false", false]); // '[1,"false",false]' @@ -134,7 +134,7 @@ JSON.stringify( <h4 id="例子function">例子(function)</h4> -<pre class="notranslate"><code>function replacer(key, value) { +<pre><code>function replacer(key, value) { if (typeof value === "string") { return undefined; } @@ -150,18 +150,18 @@ var jsonString = JSON.stringify(foo, replacer);</code></pre> <p>如果 <code>replacer</code> 是一个数组，数组的值代表将被序列化成 JSON 字符串的属性名。</p> -<pre class="notranslate"><code>JSON.stringify(foo, ['week', 'month']); +<pre><code>JSON.stringify(foo, ['week', 'month']); // '{"week":45,"month":7}', 只保留 “week” 和 “month” 属性值。</code></pre> <h3 id="space_参数"><code>space</code> 参数</h3> <p><code>space </code>参数用来控制结果字符串里面的间距。如果是一个数字, 则在字符串化时每一级别会比上一级别缩进多这个数字值的空格（最多10个空格）；如果是一个字符串，则每一级别会比上一级别多缩进该字符串（或该字符串的前10个字符）。</p> -<pre class="brush: js notranslate">JSON.stringify({ a: 2 }, null, " "); // '{\n "a": 2\n}'</pre> +<pre class="brush: js">JSON.stringify({ a: 2 }, null, " "); // '{\n "a": 2\n}'</pre> <p>使用制表符（\t）来缩进：</p> -<pre class="brush: js notranslate">JSON.stringify({ uno: 1, dos : 2 }, null, '\t') +<pre class="brush: js">JSON.stringify({ uno: 1, dos : 2 }, null, '\t') // '{ \ // "uno": 1, \ // "dos": 2 \ @@ -172,7 +172,7 @@ var jsonString = JSON.stringify(foo, replacer);</code></pre> <p>如果一个被序列化的对象拥有 <code>toJSON</code> 方法，那么该 <code>toJSON</code> 方法就会覆盖该对象默认的序列化行为：不是该对象被序列化，而是调用 <code>toJSON</code> 方法后的返回值会被序列化，例如：</p> -<pre class="brush: js notranslate">var obj = { +<pre class="brush: js">var obj = { foo: 'foo', toJSON: function () { return 'bar'; @@ -186,7 +186,7 @@ JSON.stringify({x: obj}); // <code>'{"x":"bar"}'</code> <p>注意 JSON 不是 JavaScript 严格意义上的子集，在 JSON 中不需要省略两条终线（Line separator 和 Paragraph separator），但在 JavaScript 中需要被省略。因此，如果 JSON 被用作 JSONP 时，下面方法可以使用：</p> -<pre class="notranslate"><code>function jsFriendlyJSONStringify (s) { +<pre><code>function jsFriendlyJSONStringify (s) { return JSON.stringify(s). replace(/\u2028/g, '\\u2028'). replace(/\u2029/g, '\\u2029'); @@ -213,7 +213,7 @@ alert(jsFriendlyJSONStringify(s)); // {"a":"\u2028","b":"\u2029"}</code></pre> <p>一些时候，你想存储用户创建的一个对象，并且，即使在浏览器被关闭后仍能恢复该对象。下面的例子是 <code>JSON.stringify</code> 适用于这种情形的一个样板：</p> -<pre class="brush: js notranslate">// 创建一个示例数据 +<pre class="brush: js">// 创建一个示例数据 var session = { 'screens' : [], 'state' : true diff --git a/files/zh-cn/web/javascript/reference/global_objects/map/foreach/index.html b/files/zh-cn/web/javascript/reference/global_objects/map/foreach/index.html index 76ef36556e..50b701e541 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/map/foreach/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/map/foreach/index.html @@ -22,7 +22,7 @@ browser-compat: javascript.builtins.Map.forEach <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><code><var>myMap</var>.forEach(<var>callback([<var>value</var>][,<var>key</var>][,<var>map</var>])[, <var>thisArg</var>])</var></code></pre> +<pre class="syntaxbox"><code><var>myMap</var>.forEach(<var>callback([<var>value</var>][,<var>key</var>][,<var>map</var>])[, <var>thisArg</var>])</var></code></pre> <h3 id="参数">参数</h3> @@ -72,7 +72,7 @@ browser-compat: javascript.builtins.Map.forEach <p>以下的代码在每行中打印一个 <code>Map</code> 对象中的元素</p> -<pre class="brush:js notranslate">function logMapElements(value, key, map) { +<pre class="brush:js">function logMapElements(value, key, map) { console.log(`map.get('${key}') = ${value}`) } new Map([['foo', 3], ['bar', {}], ['baz', undefined]]).forEach(logMapElements) diff --git a/files/zh-cn/web/javascript/reference/global_objects/map/keys/index.html b/files/zh-cn/web/javascript/reference/global_objects/map/keys/index.html index 59c1b50654..87758cf8f3 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/map/keys/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/map/keys/index.html @@ -22,7 +22,7 @@ browser-compat: javascript.builtins.Map.keys <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><code><em>myMap</em>.keys()</code></pre> +<pre class="syntaxbox"><code><em>myMap</em>.keys()</code></pre> <h3 id="返回值">返回值</h3> @@ -32,7 +32,7 @@ browser-compat: javascript.builtins.Map.keys <h3 id="使用_keys">使用 <code>keys()</code></h3> -<pre class="brush:js notranslate">var myMap = new Map(); +<pre class="brush:js">var myMap = new Map(); myMap.set("0", "foo"); myMap.set(1, "bar"); myMap.set({}, "baz"); diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/floor/index.html b/files/zh-cn/web/javascript/reference/global_objects/math/floor/index.html index 530f15a033..6a8bb13fc2 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/math/floor/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/math/floor/index.html @@ -17,7 +17,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Math/floor <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox notranslate"><code>Math.floor(<em>x</em>) </code></pre> +<pre class="syntaxbox"><code>Math.floor(<em>x</em>) </code></pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -39,7 +39,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Math/floor <h3 id="Example_Using_Math.floor" name="Example:_Using_Math.floor">例子：使用 <code>Math.floor</code></h3> -<pre class="brush:js notranslate">Math.floor( 45.95); +<pre class="brush:js">Math.floor( 45.95); // 45 Math.floor( 45.05); // 45 @@ -54,7 +54,7 @@ Math.floor(-45.95); <h3 id="Example_Decimal_adjustment" name="Example:_Decimal_adjustment">例子：十进制调整</h3> -<pre class="brush:js notranslate">// Closure +<pre class="brush:js">// Closure (function(){ /** diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/random/index.html b/files/zh-cn/web/javascript/reference/global_objects/math/random/index.html index e25608ec05..91796ae506 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/math/random/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/math/random/index.html @@ -21,7 +21,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Math/random <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox notranslate"><code>Math.random()</code></pre> +<pre class="syntaxbox"><code>Math.random()</code></pre> <h3 id="Parameters" name="Parameters">返回值</h3> @@ -33,7 +33,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Math/random <h3 id="得到一个大于等于0，小于1之间的随机数">得到一个大于等于0，小于1之间的随机数</h3> -<pre class="brush: js notranslate">function getRandom() { +<pre class="brush: js">function getRandom() { return Math.random(); }</pre> @@ -41,7 +41,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Math/random <p>这个例子返回了一个在指定值之间的随机数。这个值不小于 <code>min</code>（有可能等于），并且小于（不等于）<code>max</code>。</p> -<pre class="brush: js notranslate">function getRandomArbitrary(min, max) { +<pre class="brush: js">function getRandomArbitrary(min, max) { return Math.random() * (max - min) + min; } </pre> @@ -50,7 +50,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Math/random <p>这个例子返回了一个在指定值之间的随机整数。这个值不小于 <code>min</code> （如果 <code>min</code> 不是整数，则不小于 <code>min</code> 的向上取整数），且小于（不等于）<code>max</code>。</p> -<pre class="brush: js line-numbers language-js notranslate"><code class="language-js">function getRandomInt(min, max) { +<pre class="brush: js line-numbers language-js"><code class="language-js">function getRandomInt(min, max) { min = Math.ceil(min); max = Math.floor(max); return Math.floor(Math.random() * (max - min)) + min; </code>//不含最大值，含最小值<code class="language-js"> @@ -64,7 +64,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Math/random <p>上一个例子提到的函数 <code>getRandomInt()</code> 结果范围包含了最小值，但不含最大值。如果你的随机结果需要同时包含最小值和最大值，怎么办呢? <code>getRandomIntInclusive()</code> 函数可以实现。</p> -<pre class="brush: js line-numbers language-js notranslate"><code class="language-js">function getRandomIntInclusive(min, max) { +<pre class="brush: js line-numbers language-js"><code class="language-js">function getRandomIntInclusive(min, max) { min = Math.ceil(min); max = Math.floor(max); return Math.floor(Math.random() * (max - min + 1)) + min; //含最大值，含最小值 diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/sin/index.html b/files/zh-cn/web/javascript/reference/global_objects/math/sin/index.html index 989c5af7e5..a08cda8912 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/math/sin/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/math/sin/index.html @@ -11,7 +11,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Math/sin <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox notranslate">Math.sin(<em>x</em>)</pre> +<pre class="syntaxbox">Math.sin(<em>x</em>)</pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -30,7 +30,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Math/sin <h3 id="Example_Using_Math.sin" name="Example:_Using_Math.sin">例子：使用 <code>Math.sin</code></h3> -<pre class="brush:js notranslate">Math.sin(0); // 0 +<pre class="brush:js">Math.sin(0); // 0 Math.sin(1); // 0.8414709848078965 Math.sin(Math.PI / 2); // 1</pre> diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/sinh/index.html b/files/zh-cn/web/javascript/reference/global_objects/math/sinh/index.html index c9f0d376f9..1682a0ba73 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/math/sinh/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/math/sinh/index.html @@ -11,7 +11,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Math/sinh <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox notranslate">Math.sinh(<em>x</em>)</pre> +<pre class="syntaxbox">Math.sinh(<em>x</em>)</pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -28,7 +28,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Math/sinh <h2 id="Examples" name="Examples">示例</h2> -<pre class="brush:js notranslate">Math.sinh(0) // 0 +<pre class="brush:js">Math.sinh(0) // 0 Math.sinh(1) // 1.1752011936438014 Math.sinh("-1") // -1.1752011936438014 Math.sinh("foo") // NaN @@ -55,7 +55,7 @@ Math.sinh("foo") // NaN <p>该函数可以使用 {{jsxref("Math.exp()")}}<code> 函数来实现</code>:</p> -<pre class="brush: js language-js notranslate">function sinh(x){ +<pre class="brush: js language-js">function sinh(x){ return (Math.exp(x) - Math.exp(-x)) / 2; }</pre> diff --git a/files/zh-cn/web/javascript/reference/global_objects/number/isfinite/index.html b/files/zh-cn/web/javascript/reference/global_objects/number/isfinite/index.html index aef163cfb6..47a2ee8f0b 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/number/isfinite/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/number/isfinite/index.html @@ -17,7 +17,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Number/isFinite <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox notranslate"><code>Number.isFinite(v<var>alue</var>)</code></pre> +<pre class="syntaxbox"><code>Number.isFinite(v<var>alue</var>)</code></pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -36,13 +36,13 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Number/isFinite <h2 id="Polyfill">Polyfill</h2> -<pre class="brush: js notranslate">if (Number.isFinite === undefined) Number.isFinite = function(value) { +<pre class="brush: js">if (Number.isFinite === undefined) Number.isFinite = function(value) { return typeof value === 'number' && isFinite(value); }</pre> <h2 id="示例">示例</h2> -<pre class="brush: js notranslate">Number.isFinite(Infinity); // false +<pre class="brush: js">Number.isFinite(Infinity); // false Number.isFinite(NaN); // false Number.isFinite(-Infinity); // false diff --git a/files/zh-cn/web/javascript/reference/global_objects/number/number/index.html b/files/zh-cn/web/javascript/reference/global_objects/number/number/index.html index e539061589..604944ab1b 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/number/number/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/number/number/index.html @@ -9,7 +9,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Number/Number <h2 id="语法">语法</h2> -<pre class="brush: js notranslate">new Number(<var>value</var>) +<pre class="brush: js">new Number(<var>value</var>) </pre> <h3 id="参数">参数</h3> @@ -23,7 +23,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Number/Number <h3 id="创建_Number_对象">创建 Number 对象</h3> -<pre class="brush: js notranslate">const a = new Number('123'); // a === 123 is false +<pre class="brush: js">const a = new Number('123'); // a === 123 is false const b = Number('123'); // b === 123 is true a instanceof Number; // is true b instanceof Number; // is false</pre> diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/assign/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/assign/index.html index 1e1080be00..080c859773 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/assign/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/assign/index.html @@ -20,7 +20,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/assign <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox notranslate"><code>Object.assign(<var>target</var>, ...<var>sources</var>)</code></pre> +<pre class="syntaxbox"><code>Object.assign(<var>target</var>, ...<var>sources</var>)</code></pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -53,7 +53,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/assign <p>这个 <a href="/zh-CN/docs/Glossary/Polyfill">polyfill</a> 不支持 symbol 属性, 由于 ES5 中本来就不存在 symbols :</p> -<pre class="notranslate">if (typeof Object.assign !== 'function') { +<pre>if (typeof Object.assign !== 'function') { // Must be writable: true, enumerable: false, configurable: true Object.defineProperty(Object, "assign", { value: function assign(target, varArgs) { // .length of function is 2 @@ -87,7 +87,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/assign <h3 id="Example_Cloning_an_object" name="Example:_Cloning_an_object">复制一个对象</h3> -<pre class="brush: js notranslate">const obj = { a: 1 }; +<pre class="brush: js">const obj = { a: 1 }; const copy = Object.assign({}, obj); console.log(copy); // { a: 1 } </pre> @@ -98,7 +98,7 @@ console.log(copy); // { a: 1 } <p>假如源值是一个对象的引用，它仅仅会复制其引用值。</p> -<pre class="brush: js notranslate">const log = console.log; +<pre class="brush: js">const log = console.log; function test() { 'use strict'; @@ -139,7 +139,7 @@ test(); <h3 id="Example_Merging_objects" name="Example:_Merging_objects">合并对象</h3> -<pre class="brush: js notranslate">const o1 = { a: 1 }; +<pre class="brush: js">const o1 = { a: 1 }; const o2 = { b: 2 }; const o3 = { c: 3 }; @@ -150,7 +150,7 @@ console.log(o1); // { a: 1, b: 2, c: 3 }, 注意目标对象自身也会改变 <h3 id="合并具有相同属性的对象">合并具有相同属性的对象</h3> -<pre class="brush: js notranslate">const o1 = { a: 1, b: 1, c: 1 }; +<pre class="brush: js">const o1 = { a: 1, b: 1, c: 1 }; const o2 = { b: 2, c: 2 }; const o3 = { c: 3 }; @@ -161,7 +161,7 @@ console.log(obj); // { a: 1, b: 2, c: 3 }</pre> <h3 id="Example_Symbol_properties" name="Example:_Symbol_properties">拷贝 symbol 类型的属性</h3> -<pre class="brush: js notranslate">const o1 = { a: 1 }; +<pre class="brush: js">const o1 = { a: 1 }; const o2 = { [Symbol('foo')]: 2 }; const obj = Object.assign({}, o1, o2); @@ -170,7 +170,7 @@ Object.getOwnPropertySymbols(obj); // [Symbol(foo)]</pre> <h3 id="Example_Only_own_enumerable_properties" name="Example:_Only_own_enumerable_properties">继承属性和不可枚举属性是不能拷贝的</h3> -<pre class="brush: js notranslate">const obj = Object.create({foo: 1}, { // foo 是个继承属性。 +<pre class="brush: js">const obj = Object.create({foo: 1}, { // foo 是个继承属性。 bar: { value: 2 // bar 是个不可枚举属性。 }, @@ -186,7 +186,7 @@ console.log(copy); // { baz: 3 } <h3 id="Example_Primitives" name="Example:_Primitives">原始类型会被包装为对象</h3> -<pre class="brush: js notranslate">const v1 = "abc"; +<pre class="brush: js">const v1 = "abc"; const v2 = true; const v3 = 10; const v4 = Symbol("foo") @@ -198,7 +198,7 @@ console.log(obj); // { "0": "a", "1": "b", "2": "c" }</pre> <h3 id="Example_Exceptions" name="Example:_Exceptions">异常会打断后续拷贝任务</h3> -<pre class="brush: js notranslate">const target = Object.defineProperty({}, "foo", { +<pre class="brush: js">const target = Object.defineProperty({}, "foo", { value: 1, writable: false }); // target 的 foo 属性是个只读属性。 @@ -216,7 +216,7 @@ console.log(target.baz); // undefined，第三个源对象更是不会被拷贝 <h3 id="Example_Copy_accessors" name="Example:_Copy_accessors">拷贝访问器</h3> -<pre class="brush: js notranslate">const obj = { +<pre class="brush: js">const obj = { foo: 1, get bar() { return 2; @@ -255,7 +255,7 @@ console.log(copy); <p>此{{Glossary("Polyfill","polyfill")}}不支持 symbol 属性，因为ES5 中根本没有 symbol ：</p> -<pre class="brush: js notranslate">if (typeof Object.assign != 'function') { +<pre class="brush: js">if (typeof Object.assign != 'function') { // Must be writable: true, enumerable: false, configurable: true Object.defineProperty(Object, "assign", { value: function assign(target, varArgs) { // .length of function is 2 diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/create/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/create/index.html index 073605d77f..671c542a48 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/create/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/create/index.html @@ -20,7 +20,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/create <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="notranslate">Object.create(<var>proto，[</var><var>propertiesObject</var>])</pre> +<pre>Object.create(<var>proto，[</var><var>propertiesObject</var>])</pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -45,7 +45,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/create <p>下面的例子演示了如何使用<code>Object.create()</code>来实现类式继承。这是一个所有版本JavaScript都支持的单继承。</p> -<pre class="brush: js notranslate">// Shape - 父类(superclass) +<pre class="brush: js">// Shape - 父类(superclass) function Shape() { this.x = 0; this.y = 0; @@ -77,7 +77,7 @@ rect.move(1, 1); // Outputs, 'Shape moved.'</pre> <p>如果你希望能继承到多个对象，则可以使用混入的方式。</p> -<pre class="brush: js notranslate">function MyClass() { +<pre class="brush: js">function MyClass() { SuperClass.call(this); OtherSuperClass.call(this); } @@ -98,7 +98,7 @@ MyClass.prototype.myMethod = function() { <h3 id="使用_Object.create_的_propertyObject参数">使用 <code>Object.create</code> 的 <code>propertyObject</code>参数</h3> -<pre class="brush: js notranslate">var o; +<pre class="brush: js">var o; // 创建一个原型为null的空对象 o = Object.create(null); @@ -167,7 +167,7 @@ o2 = Object.create({}, { <p>请注意，尽管在 ES5 中 <code>Object.create</code>支持设置为<code>[[Prototype]]</code>为<code>null</code>，但因为那些ECMAScript5以前版本限制，此 polyfill 无法支持该特性。</p> -<pre class="brush: js notranslate">if (typeof Object.create !== "function") { +<pre class="brush: js">if (typeof Object.create !== "function") { Object.create = function (proto, propertiesObject) { if (typeof proto !== 'object' && typeof proto !== 'function') { throw new TypeError('Object prototype may only be an Object: ' + proto); diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/defineproperties/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/defineproperties/index.html index 483bcdf234..e4d9e9ef7a 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/defineproperties/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/defineproperties/index.html @@ -14,7 +14,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/defineProperties <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="notranslate"><code>Object.defineProperties(<var>obj</var>, <var>props</var>)</code></pre> +<pre><code>Object.defineProperties(<var>obj</var>, <var>props</var>)</code></pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -63,7 +63,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/defineProperties <h2 id="例子">例子</h2> -<pre class="brush: js notranslate">var obj = {}; +<pre class="brush: js">var obj = {}; Object.defineProperties(obj, { 'property1': { value: true, @@ -80,7 +80,7 @@ Object.defineProperties(obj, { <p>假设一个原始的执行环境，所有的名称和属性都引用它们的初始值，<code>Object.defineProperties</code>几乎完全等同于（注意<code>isCallable</code>中的注释）以下JavaScript中的重新实现：</p> -<pre class="brush: js notranslate">function defineProperties(obj, properties) { +<pre class="brush: js">function defineProperties(obj, properties) { function convertToDescriptor(desc) { function hasProperty(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/defineproperty/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/defineproperty/index.html index c711f8b4d5..b37662d5ab 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/defineproperty/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/defineproperty/index.html @@ -25,7 +25,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/defineProperty <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">Object.defineProperty(<var>obj</var>, <var>prop</var>, <var>descriptor</var>)</pre> +<pre class="syntaxbox">Object.defineProperty(<var>obj</var>, <var>prop</var>, <var>descriptor</var>)</pre> <h3 id="参数">参数</h3> @@ -135,7 +135,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/defineProperty <p>记住，这些选项不一定是自身属性，也要考虑继承来的属性。为了确认保留这些默认值，在设置之前，可能要冻结 {{jsxref("Object.prototype")}}，明确指定所有的选项，或者通过 {{jsxref("Object.create", "Object.create(null)")}} 将 {{jsxref("Object.prototype.__proto__", "__proto__")}} 属性指向 {{jsxref("null")}}。</p> -<pre class="brush: js notranslate">// 使用 __proto__ +<pre class="brush: js">// 使用 __proto__ var obj = {}; var descriptor = Object.create(null); // 没有继承的属性 // 默认没有 enumerable，没有 configurable，没有 writable @@ -178,7 +178,7 @@ Object.defineProperty(obj, "key", withValue("static")); <p>如果对象中不存在指定的属性，<code>Object.defineProperty()</code> 会创建这个属性。当描述符中省略某些字段时，这些字段将使用它们的默认值。</p> -<pre class="brush: js notranslate">var o = {}; // 创建一个新对象 +<pre class="brush: js">var o = {}; // 创建一个新对象 // 在对象中添加一个属性与数据描述符的示例 Object.defineProperty(o, "a", { @@ -225,7 +225,7 @@ Object.defineProperty(o, "conflict", { <p>当 <code>writable</code> 属性设置为 <code>false</code> 时，该属性被称为“不可写的”。它不能被重新赋值。</p> -<pre class="brush: js notranslate">var o = {}; // 创建一个新对象 +<pre class="brush: js">var o = {}; // 创建一个新对象 Object.defineProperty(o, 'a', { value: 37, @@ -256,7 +256,7 @@ console.log(o.a); // logs 37. The assignment didn't work. <p><code>enumerable</code> 定义了对象的属性是否可以在 {{jsxref("Statements/for...in", "for...in")}} 循环和 {{jsxref("Object.keys()")}} 中被枚举。</p> -<pre class="brush: js notranslate">var o = {}; +<pre class="brush: js">var o = {}; Object.defineProperty(o, "a", { value : 1, enumerable: true }); Object.defineProperty(o, "b", { value : 2, enumerable: false }); Object.defineProperty(o, "c", { value : 3 }); // enumerable 默认为 false @@ -296,7 +296,7 @@ p[Symbol.for('f')] // undefined</pre> <p><code>configurable</code> 特性表示对象的属性是否可以被删除，以及除 <code>value</code> 和 <code>writable</code> 特性外的其他特性是否可以被修改。</p> -<pre class="brush: js notranslate">var o = {}; +<pre class="brush: js">var o = {}; Object.defineProperty(o, 'a', { get() { return 1; }, configurable: false @@ -329,7 +329,7 @@ console.log(o.a); // logs 1</pre> <p>考虑特性被赋予的默认特性值非常重要，通常，使用点运算符和 <code>Object.defineProperty()</code> 为对象的属性赋值时，数据描述符中的属性默认值是不同的，如下例所示。</p> -<pre class="brush: js notranslate">var o = {}; +<pre class="brush: js">var o = {}; o.a = 1; // 等同于： @@ -356,7 +356,7 @@ Object.defineProperty(o, "a", { <p>下面的例子展示了如何实现一个自存档对象。当设置<code>temperature</code> 属性时，<code>archive</code> 数组会收到日志条目。</p> -<pre class="brush: js notranslate">function Archiver() { +<pre class="brush: js">function Archiver() { var temperature = null; var archive = []; @@ -382,7 +382,7 @@ arc.getArchive(); // [{ val: 11 }, { val: 13 }]</pre> <p>下面这个例子中，getter 总是会返回一个相同的值。</p> -<pre class="brush: js notranslate">var pattern = { +<pre class="brush: js">var pattern = { get: function () { return 'I alway return this string,whatever you have assigned'; }, @@ -409,7 +409,7 @@ console.log(instance.myname);</pre> <p>如果访问者的属性是被继承的，它的 <code>get</code> 和 <code>set</code> 方法会在子对象的属性被访问或者修改时被调用。如果这些方法用一个变量存值，该值会被所有对象共享。</p> -<pre class="brush: js notranslate">function myclass() { +<pre class="brush: js">function myclass() { } var value; @@ -430,7 +430,7 @@ console.log(b.x); // 1 <p>这可以通过将值存储在另一个属性中解决。在 <code>get</code> 和 <code>set</code> 方法中，<code>this</code> 指向某个被访问和修改属性的对象。</p> -<pre class="brush: js notranslate">function myclass() { +<pre class="brush: js">function myclass() { } Object.defineProperty(myclass.prototype, "x", { @@ -449,7 +449,7 @@ console.log(b.x); // undefined</pre> <p>不像访问者属性，值属性始终在对象自身上设置，而不是一个原型。然而，如果一个不可写的属性被继承，它仍然可以防止修改对象的属性。</p> -<pre class="brush: js notranslate">function myclass() { +<pre class="brush: js">function myclass() { } myclass.prototype.x = 1; diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/fromentries/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/fromentries/index.html index 80cb1de95a..d7b9c46865 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/fromentries/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/fromentries/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/fromEntries <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">Object.fromEntries(<var>iterable</var>);</pre> +<pre class="syntaxbox">Object.fromEntries(<var>iterable</var>);</pre> <h3 id="参数">参数</h3> @@ -38,7 +38,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/fromEntries <p>通过 <code>Object.fromEntries</code>， 可以将 {{jsxref("Map")}} 转换为 {{jsxref("Object")}}:</p> -<pre class="brush: js notranslate">const map = new Map([ ['foo', 'bar'], ['baz', 42] ]); +<pre class="brush: js">const map = new Map([ ['foo', 'bar'], ['baz', 42] ]); const obj = Object.fromEntries(map); console.log(obj); // { foo: "bar", baz: 42 } </pre> @@ -47,7 +47,7 @@ console.log(obj); // { foo: "bar", baz: 42 } <p>通过 <code>Object.fromEntries</code>， 可以将 {{jsxref("Array")}} 转换为 {{jsxref("Object")}}:</p> -<pre class="brush: js notranslate">const arr = [ ['0', 'a'], ['1', 'b'], ['2', 'c'] ]; +<pre class="brush: js">const arr = [ ['0', 'a'], ['1', 'b'], ['2', 'c'] ]; const obj = Object.fromEntries(arr); console.log(obj); // { 0: "a", 1: "b", 2: "c" } </pre> @@ -56,7 +56,7 @@ console.log(obj); // { 0: "a", 1: "b", 2: "c" } <p><code>Object.fromEntries</code> 是与 {{jsxref("Object.entries()")}} 相反的方法，用 <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array#Methods_2">数组处理函数</a> 可以像下面这样转换对象：</p> -<pre class="brush: js notranslate">const object1 = { a: 1, b: 2, c: 3 }; +<pre class="brush: js">const object1 = { a: 1, b: 2, c: 3 }; const object2 = Object.fromEntries( Object.entries(object1) diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/getownpropertydescriptor/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/getownpropertydescriptor/index.html index a5b4088128..08874a06e8 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/getownpropertydescriptor/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/getownpropertydescriptor/index.html @@ -16,7 +16,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDes <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox notranslate">Object.getOwnPropertyDescriptor(<em>obj</em>, <em>prop</em>)</pre> +<pre class="syntaxbox">Object.getOwnPropertyDescriptor(<em>obj</em>, <em>prop</em>)</pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -54,7 +54,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDes <h2 id="Examples" name="Examples">示例</h2> -<pre class="brush: js notranslate">var o, d; +<pre class="brush: js">var o, d; o = { get foo() { return 17; } }; d = Object.getOwnPropertyDescriptor(o, "foo"); @@ -92,7 +92,7 @@ d = Object.getOwnPropertyDescriptor(o, "baz"); <p>在 ES5 中，如果该方法的第一个参数不是对象（而是原始类型），那么就会产生出现 {{jsxref("TypeError")}}。而在 ES2015，第一个的参数不是对象的话就会被强制转换为对象。</p> -<pre class="brush: js notranslate">Object.getOwnPropertyDescriptor('foo', 0); +<pre class="brush: js">Object.getOwnPropertyDescriptor('foo', 0); // 类型错误: "foo" 不是一个对象 // ES5 code Object.getOwnPropertyDescriptor('foo', 0); diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/hasownproperty/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/hasownproperty/index.html index 70f5f307d6..b0c254e52a 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/hasownproperty/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/hasownproperty/index.html @@ -22,7 +22,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><var>obj</var>.hasOwnProperty(<var>prop</var>)</pre> +<pre class="syntaxbox"><var>obj</var>.hasOwnProperty(<var>prop</var>)</pre> <h3 id="参数">参数</h3> @@ -43,7 +43,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty <p>即使属性的值是 <code>null</code> 或 <code>undefined</code>，只要属性存在，<code>hasOwnProperty</code> 依旧会返回 <code>true</code>。</p> -<pre class="brush: js notranslate">o = new Object(); +<pre class="brush: js">o = new Object(); o.propOne = null; o.hasOwnProperty('propOne'); // 返回 true o.propTwo = undefined; @@ -56,7 +56,7 @@ o.hasOwnProperty('propTwo'); // 返回 true <p>下面的例子检测了对象 <code>o</code> 是否含有自身属性 <code>prop</code>：</p> -<pre class="brush: js notranslate">o = new Object(); +<pre class="brush: js">o = new Object(); o.hasOwnProperty('prop'); // 返回 false o.prop = 'exists'; o.hasOwnProperty('prop'); // 返回 true @@ -68,7 +68,7 @@ o.hasOwnProperty('prop'); // 返回 false <p>下面的例子演示了 <code>hasOwnProperty</code> 方法对待自身属性和继承属性的区别：</p> -<pre class="brush: js notranslate">o = new Object(); +<pre class="brush: js">o = new Object(); o.prop = 'exists'; o.hasOwnProperty('prop'); // 返回 true o.hasOwnProperty('toString'); // 返回 false @@ -79,7 +79,7 @@ o.hasOwnProperty('hasOwnProperty'); // 返回 false <p>下面的例子演示了如何在遍历一个对象的所有属性时忽略掉继承属性，注意这里 {{jsxref("Statements/for...in", "for...in")}} 循环只会遍历可枚举属性，所以不应该基于这个循环中没有不可枚举的属性而得出 <code>hasOwnProperty</code> 是严格限制于可枚举项目的（如同 {{jsxref("Object.getOwnPropertyNames()")}}）。</p> -<pre class="brush: js notranslate">var buz = { +<pre class="brush: js">var buz = { fog: 'stack' }; @@ -98,7 +98,7 @@ for (var name in buz) { <p>JavaScript 并没有保护 <code>hasOwnProperty</code> 这个属性名，因此，当某个对象可能自有一个占用该属性名的属性时，就需要使用外部的 <code>hasOwnProperty</code> 获得正确的结果：</p> -<pre class="brush: js notranslate">var foo = { +<pre class="brush: js">var foo = { hasOwnProperty: function() { return false; }, diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/index.html index cd90b70b07..e143a7d49d 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/index.html @@ -139,24 +139,24 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object <p>下面的例子将一个空的 <code>Object</code> 对象存到 <code>o</code> 中：</p> -<pre class="brush: js notranslate">var o = new Object(); +<pre class="brush: js">var o = new Object(); </pre> -<pre class="brush: js notranslate">var o = new Object(undefined); +<pre class="brush: js">var o = new Object(undefined); </pre> -<pre class="brush: js notranslate">var o = new Object(null); +<pre class="brush: js">var o = new Object(null); </pre> <h3 id="使用_Object_生成布尔对象">使用 <code>Object</code> 生成布尔对象</h3> <p>下面的例子将{{jsxref("Boolean")}} 对象存到 <code>o</code> 中：</p> -<pre class="brush: js notranslate">// 等价于 o = new Boolean(true); +<pre class="brush: js">// 等价于 o = new Boolean(true); var o = new Object(true); </pre> -<pre class="brush: js notranslate">// 等价于 o = new Boolean(false); +<pre class="brush: js">// 等价于 o = new Boolean(false); var o = new Object(Boolean()); </pre> diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/is/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/is/index.html index 9c3aff1abd..04a528b7b8 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/is/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/is/index.html @@ -17,7 +17,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/is <p><strong>语法</strong></p> <p> - </p><pre class="syntaxbox notranslate"><code>Object.is(<var>value1</var>, <var>value2</var>);</code></pre> + </p><pre class="syntaxbox"><code>Object.is(<var>value1</var>, <var>value2</var>);</code></pre> <h3 id="参数">参数</h3> @@ -59,7 +59,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/is <h2 id="Polyfill">Polyfill</h2> -<pre class="brush: js notranslate">if (!Object.is) { +<pre class="brush: js">if (!Object.is) { Object.is = function(x, y) { // SameValue algorithm if (x === y) { // Steps 1-5, 7-10 @@ -99,7 +99,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/is <h3 id="使用_Object.is">使用 Object.is</h3> -<pre class="brush: js notranslate">Object.is('foo', 'foo'); // true +<pre class="brush: js">Object.is('foo', 'foo'); // true Object.is(window, window); // true Object.is('foo', 'bar'); // false diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/issealed/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/issealed/index.html index d4bb3a438e..e6a895f345 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/issealed/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/issealed/index.html @@ -14,7 +14,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/isSealed <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><code>Object.isSealed(<em>obj</em>)</code></pre> +<pre class="syntaxbox"><code>Object.isSealed(<em>obj</em>)</code></pre> <h3 id="参数">参数</h3> @@ -33,7 +33,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/isSealed <h2 id="Examples" name="Examples">例子</h2> -<pre class="brush: js notranslate">// 新建的对象默认不是密封的. +<pre class="brush: js">// 新建的对象默认不是密封的. var empty = {}; Object.isSealed(empty); // === false @@ -72,7 +72,7 @@ Object.isFrozen(s3); // === true ，访问器属性不考虑可写不可写,只 <p>在ES5中，如果这个方法的参数不是一个对象（一个原始类型），那么它会导致{{jsxref("TypeError")}}。在ES2015中，非对象参数将被视为是一个密封的普通对象，只返回<code>true</code>。</p> -<pre class="brush: js notranslate">Object.isSealed(1); +<pre class="brush: js">Object.isSealed(1); // TypeError: 1 is not an object (ES5 code) Object.isSealed(1); diff --git a/files/zh-cn/web/javascript/reference/global_objects/parseint/index.html b/files/zh-cn/web/javascript/reference/global_objects/parseint/index.html index 2bbf25fe98..cf2555558b 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/parseint/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/parseint/index.html @@ -22,7 +22,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/parseInt <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">parseInt(<em>string</em>, <em>radix</em>);</pre> +<pre class="syntaxbox">parseInt(<em>string</em>, <em>radix</em>);</pre> <h3 id="参数">参数</h3> @@ -48,7 +48,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/parseInt <li>第一个非空格字符不能转换为数字。</li> </ul> -<pre class="notranslate">parseInt('123', 5) // 将'123'看作5进制数，返回十进制数38 => 1*5^2 + 2*5^1 + 3*5^0 = 38</pre> +<pre>parseInt('123', 5) // 将'123'看作5进制数，返回十进制数38 => 1*5^2 + 2*5^1 + 3*5^0 = 38</pre> <h2 id="描述_2"><a id="描述" name="描述">描述</a></h2> @@ -89,7 +89,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/parseInt <p>以下例子均返回<code>15</code>:</p> -<pre class="brush: js notranslate">parseInt("0xF", 16); +<pre class="brush: js">parseInt("0xF", 16); parseInt("F", 16); parseInt("17", 8); parseInt(021, 8); @@ -105,13 +105,13 @@ parseInt("12", 13);</pre> <p>以下例子均返回 <code>NaN</code>:</p> -<pre class="brush: js notranslate">parseInt("Hello", 8); // 根本就不是数值 +<pre class="brush: js">parseInt("Hello", 8); // 根本就不是数值 parseInt("546", 2); // 除了“0、1”外，其它数字都不是有效二进制数字 </pre> <p>以下例子均返回 <code>-15</code>：</p> -<pre class="brush: js notranslate">parseInt("-F", 16); +<pre class="brush: js">parseInt("-F", 16); parseInt("-0F", 16); parseInt("-0XF", 16); parseInt(-15.1, 10); @@ -124,19 +124,19 @@ parseInt("-12", 13); <p>下例中全部返回 <code>4</code>:</p> -<pre class="brush: js notranslate">parseInt(4.7, 10); +<pre class="brush: js">parseInt(4.7, 10); parseInt(4.7 * 1e22, 10); // 非常大的数值变成 4 parseInt(0.00000000000434, 10); // 非常小的数值变成 4</pre> <p>下面的例子返回 <code>224</code></p> -<pre class="brush: js notranslate">parseInt("0e0",16);</pre> +<pre class="brush: js">parseInt("0e0",16);</pre> <h2 id="没有指定_radix_参数时的八进制解析" style="margin-bottom: 20px; line-height: 30px;">没有指定 <code>radix</code> 参数时的八进制解析</h2> <p>尽管 ECMAScript 3 已经不赞成这种做法，且 ECMAScript 5 已经禁止了这种做法，但是仍然有很多实现环境仍然把以 0 开头的数值字符串（numeric string）解释为一个八进制数。下面的例子可能返回八进制的结果，也可能返回十进制的结果。<strong>总是指定一个基数（radix）可以避免这种不可靠的行为。</strong></p> -<pre class="brush: js notranslate">parseInt("0e0"); +<pre class="brush: js">parseInt("0e0"); // 0 parseInt("08"); @@ -157,7 +157,7 @@ parseInt("08"); <p>有时采用一个更严格的方法来解析整型值很有用。此时可以使用正则表达式：</p> -<pre class="brush: js notranslate">filterInt = function (value) { +<pre class="brush: js">filterInt = function (value) { if(/^(\-|\+)?([0-9]+|Infinity)$/.test(value)) return Number(value); return NaN; diff --git a/files/zh-cn/web/javascript/reference/global_objects/promise/all/index.html b/files/zh-cn/web/javascript/reference/global_objects/promise/all/index.html index c2d22ae1cd..113760c25d 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/promise/all/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/promise/all/index.html @@ -21,7 +21,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Promise/all <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><var>Promise.all(iterable)</var>;</pre> +<pre class="syntaxbox"><var>Promise.all(iterable)</var>;</pre> <h3 id="参数">参数</h3> @@ -56,7 +56,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Promise/all <p><code>Promise.all</code> 等待所有都完成（或第一个失败）。</p> -<pre class="brush: js notranslate">var p1 = Promise.resolve(3); +<pre class="brush: js">var p1 = Promise.resolve(3); var p2 = 1337; var p3 = new Promise((resolve, reject) => { setTimeout(resolve, 100, 'foo'); @@ -68,7 +68,7 @@ Promise.all([p1, p2, p3]).then(values => { <p>如果参数中包含非 <code>promise</code> 值，这些值将被忽略，但仍然会被放在返回数组中（如果 <code>promise</code> 完成的话）：</p> -<pre class="brush: js notranslate">// this will be counted as if the iterable passed is empty, so it gets fulfilled +<pre class="brush: js">// this will be counted as if the iterable passed is empty, so it gets fulfilled var p = Promise.all([1,2,3]); // this will be counted as if the iterable passed contains only the resolved promise with value "444", so it gets fulfilled var p2 = Promise.all([1,2,3, Promise.resolve(444)]); @@ -91,7 +91,7 @@ setTimeout(function(){ <p>下面的例子中演示了 <code>Promise.all</code> 的异步性（如果传入的可迭代对象是空的，就是同步）：</p> -<pre class="brush: js notranslate">// we are passing as argument an array of promises that are already resolved, +<pre class="brush: js">// we are passing as argument an array of promises that are already resolved, // to trigger Promise.all as soon as possible var resolvedPromisesArray = [Promise.resolve(33), Promise.resolve(44)]; @@ -113,7 +113,7 @@ setTimeout(function(){ <p>如果 <code>Promise.all</code> 失败，也是一样的：</p> -<pre class="brush: js notranslate">var mixedPromisesArray = [Promise.resolve(33), Promise.reject(44)]; +<pre class="brush: js">var mixedPromisesArray = [Promise.resolve(33), Promise.reject(44)]; var p = Promise.all(mixedPromisesArray); console.log(p); setTimeout(function(){ @@ -129,7 +129,7 @@ setTimeout(function(){ <p>但是，<code>Promise.all</code> <strong>当且仅当</strong>传入的可迭代对象为空时为同步：</p> -<pre class="brush: js notranslate">var p = Promise.all([]); // will be immediately resolved +<pre class="brush: js">var p = Promise.all([]); // will be immediately resolved var p2 = Promise.all([1337, "hi"]); // non-promise values will be ignored, but the evaluation will be done asynchronously console.log(p); console.log(p2) @@ -149,7 +149,7 @@ setTimeout(function(){ <p><code>Promise.all</code> 在任意一个传入的 <code>promise</code> 失败时返回失败。例如，如果你传入的 <code>promise</code>中，有四个 <code>promise</code> 在一定的时间之后调用成功函数，有一个立即调用失败函数，那么 <code>Promise.all</code> 将立即变为失败。</p> -<pre class="brush: js notranslate">var p1 = new Promise((resolve, reject) => { +<pre class="brush: js">var p1 = new Promise((resolve, reject) => { setTimeout(resolve, 1000, 'one'); }); var p2 = new Promise((resolve, reject) => { diff --git a/files/zh-cn/web/javascript/reference/global_objects/promise/allsettled/index.html b/files/zh-cn/web/javascript/reference/global_objects/promise/allsettled/index.html index a448dfb79b..d6ceaaa2ad 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/promise/allsettled/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/promise/allsettled/index.html @@ -19,7 +19,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Promise/allSettled <h2 id="句法">句法</h2> -<pre class="notranslate"><em>Promise</em>.allSettled(<em>iterable</em>);</pre> +<pre><em>Promise</em>.allSettled(<em>iterable</em>);</pre> <h3 id="参数">参数</h3> diff --git a/files/zh-cn/web/javascript/reference/global_objects/promise/any/index.html b/files/zh-cn/web/javascript/reference/global_objects/promise/any/index.html index 25e87a91af..b61b833f5f 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/promise/any/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/promise/any/index.html @@ -19,7 +19,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Promise/any <h2 id="语法">语法</h2> -<pre class="notranslate">Promise.any(<var>iterable</var>);</pre> +<pre>Promise.any(<var>iterable</var>);</pre> <h3 id="参数">参数</h3> @@ -63,7 +63,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Promise/any <p>即使第一个返回的 promise 是失败的，<code>Promise.any()</code> 依然使用第一个成功状态的 promise 来返回。这与使用首个（无论 rejected 还是 fullfiled）promise 来返回的 {{jsxref("Promise.race()")}} 相反。</p> -<pre class="brush: js notranslate">const pErr = new Promise((resolve, reject) => { +<pre class="brush: js">const pErr = new Promise((resolve, reject) => { reject("总是失败"); }); @@ -86,7 +86,7 @@ Promise.any([pErr, pSlow, pFast]).then((value) => { <p>如果没有 fulfilled (成功的) promise，<code>Promise.any()</code> 返回 {{jsxref("AggregateError")}} 错误。</p> -<pre class="brush: js notranslate">const pErr = new Promise((resolve, reject) => { +<pre class="brush: js">const pErr = new Promise((resolve, reject) => { reject('总是失败'); }); @@ -100,7 +100,7 @@ Promise.any([pErr]).catch((err) => { <p>在这个例子，我们有一个获取图片并返回 blob 的函数，我们使用 <code>Promise.any()</code> 来获取一些图片并显示第一张有效的图片（即最先 resolved 的那个 promise）。</p> -<pre class="brush: js notranslate">function fetchAndDecode(url) { +<pre class="brush: js">function fetchAndDecode(url) { return fetch(url).then(response => { if(!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); diff --git a/files/zh-cn/web/javascript/reference/global_objects/promise/index.html b/files/zh-cn/web/javascript/reference/global_objects/promise/index.html index 3dd832b401..31420f60c5 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/promise/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/promise/index.html @@ -46,7 +46,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Promise <p>我们可以用 <code>promise.then()</code>，<code>promise.catch()</code> 和 <code>promise.finally()</code> 这些方法将进一步的操作与一个变为已敲定状态的 promise 关联起来。这些方法还会返回一个新生成的 promise 对象，这个对象可以被非强制性的用来做链式调用，就像这样：</p> -<pre class="notranslate">const myPromise = +<pre>const myPromise = (new Promise(myExecutorFunc)) .then(handleFulfilledA,handleRejectedA) .then(handleFulfilledB,handleRejectedB) @@ -65,7 +65,7 @@ const myPromise = <p>这两个函数的签名很简单，它们只接受一个任意类型的参数。这些函数由您（编程者）编写。这些函数的终止状态决定着链式调用中下一个promise的"已敲定 （settled）"状态是什么。任何不是 <code>throw</code> 的终止都会创建一个"已决议（resolved）"状态，而以 <code>throw</code> 终止则会创建一个"已拒绝"状态。</p> -<pre class="notranslate">handleFulfilled(value) { /*...*/; return nextValue; } +<pre>handleFulfilled(value) { /*...*/; return nextValue; } handleRejection(reason) { /*...*/; throw nextReason; } handleRejection(reason) { /*...*/; return nextValue; }</pre> @@ -75,21 +75,21 @@ handleRejection(reason) { /*...*/; return nextValue; }</pre> <p>链式调用中的 promise 们就像俄罗斯套娃一样，是嵌套起来的，但又像是一个栈，每个都必须从顶端被弹出。链式调用中的第一个 promise 是嵌套最深的一个，也将是第一个被弹出的。</p> -<pre class="notranslate">(promise D, (promise C, (promise B, (promise A) ) ) )</pre> +<pre>(promise D, (promise C, (promise B, (promise A) ) ) )</pre> <p>当存在一个 <code>nextValue</code> 是 promise 时，就会出现一种动态的替换效果。<code>return</code> 会导致一个 promise 被弹出，但这个 <code>nextValue</code> promise 则会被推入被弹出 promise 原来的位置。对于上面所示的嵌套场景，假设与 "promise B" 相关的 <code>.then()</code> 返回了一个值为 "promise X" 的 <code>nextValue</code> 。那么嵌套的结果看起来就会是这样：</p> -<pre class="notranslate">(promise D, (promise C, (promise X) ) )</pre> +<pre>(promise D, (promise C, (promise X) ) )</pre> <p>一个 promise 可能会参与不止一次的嵌套。对于下面的代码，<code>promiseA</code> 向"已敲定"（"settled"）状态的过渡会导致两个实例的 <code>.then</code> 都被调用。</p> -<pre class="notranslate">const promiseA = new Promise(myExecutorFunc); +<pre>const promiseA = new Promise(myExecutorFunc); const promiseB = promiseA.then(handleFulfilled1, handleRejected1); const promiseC = promiseA.then(handleFulfilled2, handleRejected2); </pre> <p>一个已经处于"已敲定"（"settled"）状态的 promise 也可以接收操作。在那种情况下，（如果没有问题的话，）这个操作会被作为第一个异步操作被执行。注意，所有的 promise 都一定是异步的。因此，一个已经处于"已敲定"（"settled"）状态的 promise 中的操作只有 promise 链式调用的栈被清空了和一个事件循环过去了之后才会被执行。这种效果跟 <code>setTimeout(action, 10)</code> 特别相似。</p> -<pre class="notranslate">const promiseA = new Promise( (resolutionFunc,rejectionFunc) => { +<pre>const promiseA = new Promise( (resolutionFunc,rejectionFunc) => { resolutionFunc(777); }); // 这时，"promiseA" 已经被敲定了。 @@ -155,7 +155,7 @@ console.log("immediate logging"); <p><code>Promise</code> 对象是由关键字 <code>new</code> 及其构造函数来创建的。该构造函数会把一个叫做“处理器函数”（executor function）的函数作为它的参数。这个“处理器函数”接受两个函数——<code>resolve</code> 和 <code>reject</code> ——作为其参数。当异步任务顺利完成且返回结果值时，会调用 <code>resolve</code> 函数；而当异步任务失败且返回失败原因（通常是一个错误对象）时，会调用<code>reject</code> 函数。</p> -<pre class="brush: js notranslate">const myFirstPromise = new Promise((resolve, reject) => { +<pre class="brush: js">const myFirstPromise = new Promise((resolve, reject) => { // ?做一些异步操作，最终会调用下面两者之一: // // resolve(someValue); // fulfilled @@ -165,7 +165,7 @@ console.log("immediate logging"); <p>想要某个函数拥有promise功能，只需让其返回一个promise即可。</p> -<pre class="brush: js notranslate">function myAsyncFunction(url) { +<pre class="brush: js">function myAsyncFunction(url) { return new Promise((resolve, reject) => { const xhr = new XMLHttpRequest(); xhr.open("GET", url); @@ -179,7 +179,7 @@ console.log("immediate logging"); <h3 id="基础示例">基础示例</h3> -<pre class="brush: js notranslate">let myFirstPromise = new Promise(function(resolve, reject){ +<pre class="brush: js">let myFirstPromise = new Promise(function(resolve, reject){ //当异步代码执行成功时，我们才会调用resolve(...), 当异步代码失败时就会调用reject(...) //在本例中，我们使用setTimeout(...)来模拟异步代码，实际编码时可能是XHR请求或是HTML5的一些API方法. setTimeout(function(){ @@ -196,7 +196,7 @@ myFirstPromise.then(function(successMessage){ <h3 id="高级示例">高级示例</h3> -<pre class="brush: html hidden notranslate"><button id="btn">Make a promise!</button> +<pre class="brush: html hidden"><button id="btn">Make a promise!</button> <div id="log"></div> </pre> @@ -204,7 +204,7 @@ myFirstPromise.then(function(successMessage){ <p>Promise 的值的填充过程都被日志记录（logged）下来，这些日志信息展示了方法中的同步代码和异步代码是如何通过Promise完成解耦的。</p> -<pre class="brush: js notranslate">'use strict'; +<pre class="brush: js">'use strict'; var promiseCount = 0; function testPromise() { @@ -247,7 +247,7 @@ function testPromise() { ') Promise made (<small>同步代码结束</small>)<br/>'); }</pre> -<pre class="brush:js hidden notranslate">if ("Promise" in window) { +<pre class="brush:js hidden">if ("Promise" in window) { let btn = document.getElementById("btn"); btn.addEventListener("click",testPromise); } else { diff --git a/files/zh-cn/web/javascript/reference/global_objects/promise/race/index.html b/files/zh-cn/web/javascript/reference/global_objects/promise/race/index.html index fab2fd64a9..569f7d9d50 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/promise/race/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/promise/race/index.html @@ -15,7 +15,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Promise/race <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox notranslate"><var>Promise.race(iterable)</var>;</pre> +<pre class="syntaxbox"><var>Promise.race(iterable)</var>;</pre> <h3 id="参数"><strong>参数</strong></h3> @@ -40,7 +40,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Promise/race <h3 id="Promise.race的异步性">Promise.race的异步性</h3> -<pre class="brush: js notranslate">// we are passing as argument an array of promises that are already resolved, +<pre class="brush: js">// we are passing as argument an array of promises that are already resolved, // to trigger Promise.race as soon as possible var resolvedPromisesArray = [Promise.resolve(33), Promise.resolve(44)]; @@ -61,7 +61,7 @@ setTimeout(function(){ <h3 id="使用_Promise.race_–_setTimeout_的示例">使用 Promise.race – setTimeout 的示例</h3> -<pre class="brush: js notranslate">var p1 = new Promise(function(resolve, reject) { +<pre class="brush: js">var p1 = new Promise(function(resolve, reject) { setTimeout(resolve, 500, "one"); }); var p2 = new Promise(function(resolve, reject) { diff --git a/files/zh-cn/web/javascript/reference/global_objects/proxy/index.html b/files/zh-cn/web/javascript/reference/global_objects/proxy/index.html index b15511bc6a..f29774284a 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/proxy/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/proxy/index.html @@ -24,7 +24,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Proxy <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">const <var>p</var> = new Proxy(<var>target</var>, <var>handler</var>)</pre> +<pre class="syntaxbox">const <var>p</var> = new Proxy(<var>target</var>, <var>handler</var>)</pre> <h3 id="参数">参数</h3> @@ -85,7 +85,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Proxy <p>在以下简单的例子中，当对象中不存在属性名时，默认返回值为 <code>37</code>。下面的代码以此展示了 {{jsxref("Global_Objects/Proxy/handler/get", "get")}} handler 的使用场景。</p> -<pre class="brush: js notranslate">const handler = { +<pre class="brush: js">const handler = { get: function(obj, prop) { return prop in obj ? obj[prop] : 37; } @@ -103,7 +103,7 @@ console.log('c' in p, p.c); // false, 37 <p>在以下例子中，我们使用了一个原生 JavaScript 对象，代理会将所有应用到它的操作转发到这个对象上。</p> -<pre class="brush: js notranslate">let target = {}; +<pre class="brush: js">let target = {}; let p = new Proxy(target, {}); p.a = 37; // 操作转发到目标 @@ -115,7 +115,7 @@ console.log(target.a); // 37. 操作已经被正确地转发 <p>通过代理，你可以轻松地验证向一个对象的传值。下面的代码借此展示了 {{jsxref("Global_Objects/Proxy/handler/set", "set")}} handler 的作用。</p> -<pre class="brush: js notranslate">let validator = { +<pre class="brush: js">let validator = { set: function(obj, prop, value) { if (prop === 'age') { if (!Number.isInteger(value)) { @@ -152,7 +152,7 @@ person.age = 300; <p>方法代理可以轻松地通过一个新构造函数来扩展一个已有的构造函数。这个例子使用了<a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Proxy/handler/construct"><code>construct</code></a>和<code><a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Proxy/handler/apply">apply</a></code>。</p> -<pre class="brush: js notranslate">function extend(sup, base) { +<pre class="brush: js">function extend(sup, base) { var descriptor = Object.getOwnPropertyDescriptor( base.prototype, "constructor" ); @@ -193,7 +193,7 @@ console.log(Peter.age); // 13</pre> <p>有时，我们可能需要互换两个不同的元素的属性或类名。下面的代码以此为目标，展示了 {{jsxref("Global_Objects/Proxy/handler/set", "set")}} handler 的使用场景。</p> -<pre class="brush: js notranslate">let view = new Proxy({ +<pre class="brush: js">let view = new Proxy({ selected: null }, { set: function(obj, prop, newval) { @@ -228,7 +228,7 @@ console.log(i2.getAttribute('aria-selected')); // 'true' <p>以下<code>products</code>代理会计算传值并根据需要转换为数组。这个代理对象同时支持一个叫做 <code>latestBrowser</code>的附加属性，这个属性可以同时作为 getter 和 setter。</p> -<pre class="brush: js notranslate">let products = new Proxy({ +<pre class="brush: js">let products = new Proxy({ browsers: ['Internet Explorer', 'Netscape'] }, { get: function(obj, prop) { @@ -273,7 +273,7 @@ console.log(products.latestBrowser); // 'Chrome' <p>以下代理为数组扩展了一些实用工具。如你所见，通过 Proxy，我们可以灵活地“定义”属性，而不需要使用 {{jsxref("Object.defineProperties")}} 方法。以下例子可以用于通过单元格来查找表格中的一行。在这种情况下，target 是 <code><a href="/zh-CN/docs/DOM/table.rows">table.rows</a></code>。</p> -<pre class="brush: js notranslate">let products = new Proxy([ +<pre class="brush: js">let products = new Proxy([ { name: 'Firefox' , type: 'browser' }, { name: 'SeaMonkey' , type: 'browser' }, { name: 'Thunderbird', type: 'mailer' } @@ -333,7 +333,7 @@ console.log(products.number); // 3 <p>出于教学目的，这里为了创建一个完整的 traps 列表示例，我们将尝试代理化一个非原生对象，这特别适用于这类操作：由 <a href="/zh-CN/docs/DOM/document.cookie#A_little_framework.3A_a_complete_cookies_reader.2Fwriter_with_full_unicode_support">发布在 document.cookie页面上的“小型框架”</a>创建的<code>docCookies</code>全局对象。</p> -<pre class="brush: js notranslate">/* +<pre class="brush: js">/* var docCookies = ... get the "docCookies" object here: https://developer.mozilla.org/zh-CN/docs/DOM/document.cookie#A_little_framework.3A_a_complete_cookies_reader.2Fwriter_with_full_unicode_support */ diff --git a/files/zh-cn/web/javascript/reference/global_objects/proxy/proxy/index.html b/files/zh-cn/web/javascript/reference/global_objects/proxy/proxy/index.html index 71a257174f..897a2e9954 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/proxy/proxy/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/proxy/proxy/index.html @@ -9,7 +9,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Proxy/Proxy <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">new Proxy(<var>target</var>, <var>handler</var>)</pre> +<pre class="syntaxbox">new Proxy(<var>target</var>, <var>handler</var>)</pre> <h3 id="参数">参数</h3> @@ -70,7 +70,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Proxy/Proxy <p>本例中，被代理对象有两个属性： <code>notProxied</code> 和 <code>proxied</code> 。我们定义了一个处理函数，它为 <code>proxied</code> 属性返回一个不同的值，而其他属性返回原值。</p> -<pre class="brush: js notranslate">const target = { +<pre class="brush: js">const target = { notProxied: "original value", proxied: "original value" }; diff --git a/files/zh-cn/web/javascript/reference/global_objects/proxy/proxy/preventextensions/index.html b/files/zh-cn/web/javascript/reference/global_objects/proxy/proxy/preventextensions/index.html index 51f7093d50..686169d215 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/proxy/proxy/preventextensions/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/proxy/proxy/preventextensions/index.html @@ -14,7 +14,7 @@ original_slug: Web/JavaScript/Reference/Global_Objects/Proxy/handler/preventExte <h2 id="语法">语法</h2> -<pre class="brush: js notranslate">var p = new Proxy(target, { +<pre class="brush: js">var p = new Proxy(target, { preventExtensions: function(target) { } }); @@ -58,7 +58,7 @@ original_slug: Web/JavaScript/Reference/Global_Objects/Proxy/handler/preventExte <p>以下代码演示了如何拦截{{jsxref("Object.preventExtensions()")}}。</p> -<pre class="brush: js notranslate">var p = new Proxy({}, { +<pre class="brush: js">var p = new Proxy({}, { preventExtensions: function(target) { console.log('called'); Object.preventExtensions(target); @@ -72,7 +72,7 @@ console.log(Object.preventExtensions(p)); // "called" <p>以下代码违反了约束.</p> -<pre class="brush: js notranslate">var p = new Proxy({}, { +<pre class="brush: js">var p = new Proxy({}, { preventExtensions: function(target) { return true; } diff --git a/files/zh-cn/web/javascript/reference/global_objects/reflect/construct/index.html b/files/zh-cn/web/javascript/reference/global_objects/reflect/construct/index.html index b54e69bb3c..311c16ca50 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/reflect/construct/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/reflect/construct/index.html @@ -9,7 +9,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Reflect/construct <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">Reflect.construct(target, argumentsList[, newTarget]) +<pre class="syntaxbox">Reflect.construct(target, argumentsList[, newTarget]) </pre> <h3 id="参数">参数</h3> @@ -35,14 +35,14 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Reflect/construct <p><code>Reflect.construct</code>允许你使用可变的参数来调用构造函数 ，这和使用<a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/new">new操作符</a>搭配<a href="https://developer.mozilla.org/ zh-CN/docs/Web/JavaScript/Reference/Operators/new">对象展开符</a>调用一样。</p> -<pre class="brush: js notranslate">var obj = new Foo(...args); +<pre class="brush: js">var obj = new Foo(...args); var obj = Reflect.construct(Foo, args); </pre> <h3 id="Reflect.construct_vs_Object.create"><code>Reflect.construct()</code> vs <code>Object.create()</code></h3> <p><code>在新语法Reflect</code>出现之前，是通过明确指定构造函数和原型对象（ 使用{{jsxref("Object.create()")}}）来创建一个对象的。</p> -<pre class="brush: js notranslate">function OneClass() { +<pre class="brush: js">function OneClass() { this.name = 'one'; } @@ -72,7 +72,7 @@ console.log(obj2 instanceof OtherClass); // true</pre> <p>当调用<code>Reflect.construct()</code>来创建对象，<code>new.target</code>值会自动指定到<code>target</code>（或者newTarget，前提是newTarget指定了）。</p> -<pre class="brush: js notranslate">function OneClass() { +<pre class="brush: js">function OneClass() { console.log('OneClass'); console.log(new.target); } @@ -101,7 +101,7 @@ OneClass.apply(obj3, args); <h3 id="使用_Reflect.construct">使用 <code>Reflect.construct()</code></h3> -<pre class="brush: js notranslate">var d = Reflect.construct(Date, [1776, 6, 4]); +<pre class="brush: js">var d = Reflect.construct(Date, [1776, 6, 4]); d instanceof Date; // true d.getFullYear(); // 1776 </pre> diff --git a/files/zh-cn/web/javascript/reference/global_objects/reflect/defineproperty/index.html b/files/zh-cn/web/javascript/reference/global_objects/reflect/defineproperty/index.html index 14882c24b9..9fc242fd8f 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/reflect/defineproperty/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/reflect/defineproperty/index.html @@ -14,7 +14,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Reflect/defineProperty <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">Reflect.defineProperty(target, propertyKey, attributes) +<pre class="syntaxbox">Reflect.defineProperty(target, propertyKey, attributes) </pre> <h3 id="参数">参数</h3> @@ -48,7 +48,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Reflect/defineProperty <h3 id="使用_Reflect.defineProperty">使用 <code>Reflect.defineProperty()</code></h3> -<pre class="notranslate">let obj = {} +<pre>let obj = {} Reflect.defineProperty(obj, 'x', {value: 7}) // true obj.x // 7</pre> @@ -56,7 +56,7 @@ obj.x // 7</pre> <p>{{jsxref("Object.defineProperty")}} 方法，如果成功则返回一个对象，否则抛出一个 {{jsxref("TypeError")}} 。另外，当定义一个属性时，你也可以使用 <code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/try...catch">try...catch</a></code> 去捕获其中任何的错误。而因为 <code>Reflect.defineProperty</code> 返回 Boolean 值作为成功的标识，所以只能使用 <code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/if...else">if...else</a></code> ：</p> -<pre class="brush: js notranslate">if (Reflect.defineProperty(target, property, attributes)) { +<pre class="brush: js">if (Reflect.defineProperty(target, property, attributes)) { // 成功 } else { // 失败 diff --git a/files/zh-cn/web/javascript/reference/global_objects/reflect/index.html b/files/zh-cn/web/javascript/reference/global_objects/reflect/index.html index 4b430c4772..2b19f1fc92 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/reflect/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/reflect/index.html @@ -55,7 +55,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Reflect <h3 id="检测一个对象是否存在特定属性">检测一个对象是否存在特定属性</h3> -<pre class="notranslate">const duck = { +<pre>const duck = { name: 'Maurice', color: 'white', greeting: function() { @@ -70,12 +70,12 @@ Reflect.has(duck, 'haircut'); <h3 id="返回这个对象自身的属性">返回这个对象自身的属性</h3> -<pre class="notranslate">Reflect.ownKeys(duck); +<pre>Reflect.ownKeys(duck); // [ "name", "color", "greeting" ]</pre> <h3 id="为这个对象添加一个新的属性">为这个对象添加一个新的属性</h3> -<pre class="notranslate">Reflect.set(duck, 'eyes', 'black'); +<pre>Reflect.set(duck, 'eyes', 'black'); // returns "true" if successful // "duck" now contains the property "eyes: 'black'"</pre> diff --git a/files/zh-cn/web/javascript/reference/global_objects/regexp/index.html b/files/zh-cn/web/javascript/reference/global_objects/regexp/index.html index 2a1e6ffcf5..a4ca838294 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/regexp/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/regexp/index.html @@ -30,7 +30,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/RegExp <p>以下三种表达式都会创建相同的正则表达式：</p> -<pre class="brush: js notranslate" style="font-size: 14px;">/ab+c/i; //字面量形式 +<pre class="brush: js" style="font-size: 14px;">/ab+c/i; //字面量形式 new RegExp('ab+c', 'i'); // 首个参数为字符串模式的构造函数 new RegExp(/ab+c/, 'i'); // 首个参数为常规字面量的构造函数</pre> @@ -46,7 +46,7 @@ new RegExp(/ab+c/, 'i'); // 首个参数为常规字面量的构造函数</pre> <p>比如，以下是等价的：</p> -<pre class="brush: js notranslate">var re = new RegExp("\\w+"); +<pre class="brush: js">var re = new RegExp("\\w+"); var re = /\w+/;</pre> <h3 id="Perl-like_RegExp_属性">Perl-like RegExp 属性</h3> @@ -123,7 +123,7 @@ var re = /\w+/;</pre> <p>在替换的文本中，脚本中使用 <code>$1</code> 和 <code>$2</code> 指明括号里先前的匹配.</p> -<pre class="brush: js notranslate">let re = /(\w+)\s(\w+)/; +<pre class="brush: js">let re = /(\w+)\s(\w+)/; let str = "John Smith"; let newstr = str.replace(re, "$2, $1"); console.log(newstr); @@ -135,7 +135,7 @@ console.log(newstr); <p>对于不同的平台（Unix，Windows等等），其默认的行结束符是不一样的. 而下面的划分方式适用于所有平台。</p> -<pre class="notranslate">let text = 'Some text\nAnd some more\r\nAnd yet\rThis is the end' +<pre>let text = 'Some text\nAnd some more\r\nAnd yet\rThis is the end' let lines = text.split(/\r\n|\r|\n/) console.log(lines) // logs [ 'Some text', 'And some more', 'And yet', 'This is the end' ] </pre> @@ -144,7 +144,7 @@ console.log(lines) // logs [ 'Some text', 'And some more', 'And yet', 'This is t <h3 id="在多行文本中使用正则表达式">在多行文本中使用正则表达式</h3> -<pre class="brush: js notranslate">let s = "Please yes\nmake my day!"; +<pre class="brush: js">let s = "Please yes\nmake my day!"; s.match(/yes.*day/); // Returns null @@ -156,7 +156,7 @@ s.match(/yes[^]*day/); <p>带有{{JSxRef("Global_Objects/RegExp/sticky", "sticky")}}标志的正则表达式将会从源字符串的{{jsxref("RegExp.prototype.lastIndex")}}位置开始匹配，也就是进行“粘性匹配”。</p> -<pre class="brush: js notranslate">let str = '#foo#' +<pre class="brush: js">let str = '#foo#' let regex = /foo/y regex.lastIndex = 1 @@ -169,7 +169,7 @@ regex.lastIndex // 0 (reset after match failure)</pre> <p>如果正则表达式有粘性 <code>y</code> 标志，下一次匹配一定在 <code>lastIndex</code> 位置开始；如果正则表达式有全局 <code>g</code> 标志，下一次匹配可能在 <code>lastIndex</code> 位置开始，也可能在这个位置的后面开始。</p> -<pre class="brush: js notranslate">re = /\d/y; +<pre class="brush: js">re = /\d/y; while (r = re.exec("123 456")) console.log(r, "AND re.lastIndex", re.lastIndex); // [ '1', index: 0, input: '123 456', groups: undefined ] AND re.lastIndex 1 @@ -187,7 +187,7 @@ while (r = re.exec("123 456")) console.log(r, "AND re.lastIndex", re.lastIndex); <p>下例展示了怎样从一个单词中分离出 Unicode 字符。</p> -<pre class="brush: js notranslate">let text = "Образец text на русском языке"; +<pre class="brush: js">let text = "Образец text на русском языке"; let regex = /[\u0400-\u04FF]+/g; let match = regex.exec(text); @@ -204,7 +204,7 @@ console.log(regex.lastIndex); // prints "15" <h3 id="从_URL_中提取子域名">从 URL 中提取子域名</h3> -<pre class="brush: js notranslate">var url = "http://xxx.domain.com"; +<pre class="brush: js">var url = "http://xxx.domain.com"; console.log(/[^.]+/.exec(url)[0].substr(7)); // logs "xxx" </pre> @@ -248,7 +248,7 @@ console.log(/[^.]+/.exec(url)[0].substr(7)); // logs "xxx" <p>Starting with Gecko 34 {{geckoRelease(34)}}, in the case of a capturing group with quantifiers preventing its exercise, the matched text for a capturing group is now <code>undefined</code> instead of an empty string:</p> -<pre class="notranslate"><code>// Firefox 33 or older +<pre><code>// Firefox 33 or older 'x'.replace(/x(.)?/g, function(m, group) { console.log("'group:" + group + "'"); }); // 'group:' diff --git a/files/zh-cn/web/javascript/reference/global_objects/regexp/regexp/index.html b/files/zh-cn/web/javascript/reference/global_objects/regexp/regexp/index.html index 1457ab4f59..008b4d7d76 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/regexp/regexp/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/regexp/regexp/index.html @@ -17,7 +17,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/RegExp/RegExp <p>可以使用字面量、构造函数和工厂方法来创建正则表达式</p> -<pre class="syntaxbox notranslate">/<var>pattern</var>/<var>flags</var> +<pre class="syntaxbox">/<var>pattern</var>/<var>flags</var> new RegExp(<var>pattern</var>[, <var>flags</var>]) RegExp(<var>pattern</var>[, <var>flags</var>]) </pre> @@ -68,7 +68,7 @@ RegExp(<var>pattern</var>[, <var>flags</var>]) <p>以下三个表达式创建相同的正则表达式:</p> -<pre class="brush: js notranslate">/ab+c/i +<pre class="brush: js">/ab+c/i new RegExp(/ab+c/, 'i') // 字面量 new RegExp('ab+c', 'i') // 构造函数 </pre> diff --git a/files/zh-cn/web/javascript/reference/global_objects/regexp/test/index.html b/files/zh-cn/web/javascript/reference/global_objects/regexp/test/index.html index 24ddd6daa0..d1f4ed7183 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/regexp/test/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/regexp/test/index.html @@ -19,7 +19,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/RegExp/test <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="notranslate"><var>regexObj</var>.test(str)</pre> +<pre><var>regexObj</var>.test(str)</pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -42,7 +42,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/RegExp/test <p>一个简单的例子，测试 "hello" 是否包含在字符串的最开始，返回布尔值。</p> -<pre class="brush: js notranslate">let str = 'hello world!'; +<pre class="brush: js">let str = 'hello world!'; let result = /^hello/.test(str); console.log(result); // true @@ -50,7 +50,7 @@ console.log(result); <p>下例打印一条信息，该信息内容取决于是否成功通过指定测试：</p> -<pre class="brush: js notranslate">function testinput(re, str){ +<pre class="brush: js">function testinput(re, str){ var midstring; if (re.test(str)) { midstring = " contains "; @@ -67,7 +67,7 @@ console.log(result); <p>下面的实例表现了这种行为： </p> -<pre class="brush: js notranslate">var regex = /foo/g; +<pre class="brush: js">var regex = /foo/g; // regex.lastIndex is at 0 regex.test('foo'); // true diff --git a/files/zh-cn/web/javascript/reference/global_objects/set/@@iterator/index.html b/files/zh-cn/web/javascript/reference/global_objects/set/@@iterator/index.html index fa3f7c61e5..8ab98bf9ee 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/set/@@iterator/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/set/@@iterator/index.html @@ -19,7 +19,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Set/@@iterator <h2 id="Syntax">Syntax</h2> -<pre class="syntaxbox notranslate"><code><em>mySet</em>[Symbol.iterator]</code></pre> +<pre class="syntaxbox"><code><em>mySet</em>[Symbol.iterator]</code></pre> <h3 id="Return_value">Return value</h3> @@ -29,7 +29,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Set/@@iterator <h3 id="Using_iterator">Using <code>[@@iterator]()</code></h3> -<pre class="brush:js notranslate">const mySet = new Set(); +<pre class="brush:js">const mySet = new Set(); mySet.add('0'); mySet.add(1); mySet.add({}); @@ -43,7 +43,7 @@ console.log(setIter.next().value); // Object <h3 id="Using_iterator_with_for..of">Using <code>[@@iterator]()</code> with <code>for..of</code></h3> -<pre class="brush:js notranslate">const mySet = new Set(); +<pre class="brush:js">const mySet = new Set(); mySet.add('0'); mySet.add(1); mySet.add({}); diff --git a/files/zh-cn/web/javascript/reference/global_objects/set/@@species/index.html b/files/zh-cn/web/javascript/reference/global_objects/set/@@species/index.html index c950ccbf5a..c8da916aac 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/set/@@species/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/set/@@species/index.html @@ -21,13 +21,13 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Set/@@species <p>species 属性返回默认的构造函数, 它是<code>Set</code> 对象的构造函数:</p> -<pre class="brush: js notranslate">Set[Symbol.species]; // function Set()</pre> +<pre class="brush: js">Set[Symbol.species]; // function Set()</pre> <h3 id="派生对象中的_Species">派生对象中的 Species</h3> <p>在一个派生集合对象中 (比如你自定义的<code>MySet</code>集合), <code>MySet</code> 的species 属性 是 <code>MySet</code> 构造函数. 又或者, 你想要重写它, 让它能在你派生的类方法中能返回父级<code>Set</code> 对象:</p> -<pre class="brush: js notranslate">class MySet extends Set { +<pre class="brush: js">class MySet extends Set { // Overwrite MySet species to the parent Set constructor static get [Symbol.species]() { return Set; } }</pre> diff --git a/files/zh-cn/web/javascript/reference/global_objects/set/add/index.html b/files/zh-cn/web/javascript/reference/global_objects/set/add/index.html index 255379d70c..dac50ccb29 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/set/add/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/set/add/index.html @@ -20,7 +20,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Set/add <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox notranslate"><code><em>mySet</em>.add(value);</code></pre> +<pre class="syntaxbox"><code><em>mySet</em>.add(value);</code></pre> <h3 id="参数">参数</h3> @@ -37,7 +37,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Set/add <h2 id="Examples" name="Examples">示例</h2> -<pre class="brush: js notranslate">var mySet = new Set(); +<pre class="brush: js">var mySet = new Set(); mySet.add(1); mySet.add(5).add("some text"); // 可以链式调用 diff --git a/files/zh-cn/web/javascript/reference/global_objects/set/index.html b/files/zh-cn/web/javascript/reference/global_objects/set/index.html index 3e8c53dc64..682edbc181 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/set/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/set/index.html @@ -71,7 +71,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Set <h3 id="使用Set对象">使用<code>Set</code>对象</h3> -<pre class="brush: js notranslate">let mySet = new Set(); +<pre class="brush: js">let mySet = new Set(); mySet.add(1); // Set [ 1 ] mySet.add(5); // Set [ 1, 5 ] @@ -102,7 +102,7 @@ console.log(mySet); <h3 id="迭代Set">迭代Set</h3> -<pre class="brush: js notranslate">// 迭代整个set +<pre class="brush: js">// 迭代整个set // 按顺序输出：1, "some text", {"a": 1, "b": 2}, {"a": 1, "b": 2} for (let item of mySet) console.log(item); @@ -147,7 +147,7 @@ mySet.forEach(function(value) { <h3 id="实现基本集合操作">实现基本集合操作</h3> -<pre class="brush: js notranslate">function isSuperset(set, subset) { +<pre class="brush: js">function isSuperset(set, subset) { for (let elem of subset) { if (!set.has(elem)) { return false; @@ -208,7 +208,7 @@ difference(setA, setC); // => Set [1, 2] <h3 id="Array_相关"> <code>Array</code> 相关</h3> -<pre class="brush: js notranslate">let myArray = ["value1", "value2", "value3"]; +<pre class="brush: js">let myArray = ["value1", "value2", "value3"]; // 用Set构造器将Array转换为Set let mySet = new Set(myArray); @@ -221,7 +221,7 @@ console.log([...mySet]); // 与myArray完全一致 <h3 id="数组去重">数组去重</h3> -<pre class="brush: js notranslate">// Use to remove duplicate elements from the array +<pre class="brush: js">// Use to remove duplicate elements from the array const numbers = [2,3,4,4,2,3,3,4,4,5,5,6,6,7,5,32,3,4,5] console.log([...new Set(numbers)]) // [2, 3, 4, 5, 6, 7, 32] @@ -229,7 +229,7 @@ console.log([...new Set(numbers)]) <h3 id="String_相关"><code>String</code> 相关</h3> -<pre class="brush: js notranslate">let text = 'India'; +<pre class="brush: js">let text = 'India'; let mySet = new Set(text); // Set {'I', 'n', 'd', 'i', 'a'} mySet.size; // 5 diff --git a/files/zh-cn/web/javascript/reference/global_objects/set/set/index.html b/files/zh-cn/web/javascript/reference/global_objects/set/set/index.html index a3ae2c0278..7a19f9526a 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/set/set/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/set/set/index.html @@ -18,7 +18,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Set/Set <h2 id="Syntax">Syntax</h2> -<pre class="syntaxbox notranslate">new Set([<var>iterable</var>])</pre> +<pre class="syntaxbox">new Set([<var>iterable</var>])</pre> <h3 id="Parameters">Parameters</h3> @@ -36,7 +36,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Set/Set <h3 id="Using_the_Set_object">Using the <code>Set</code> object</h3> -<pre class="brush: js notranslate">let mySet = new Set() +<pre class="brush: js">let mySet = new Set() mySet.add(1) // Set [ 1 ] mySet.add(5) // Set [ 1, 5 ] diff --git a/files/zh-cn/web/javascript/reference/global_objects/set/values/index.html b/files/zh-cn/web/javascript/reference/global_objects/set/values/index.html index 846bd7421d..e8a5f552e6 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/set/values/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/set/values/index.html @@ -22,7 +22,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Set/values <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><code><em>mySet</em>.values(); +<pre class="syntaxbox"><code><em>mySet</em>.values(); </code></pre> <h3 id="返回值">返回值</h3> @@ -33,7 +33,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Set/values <h3 id="使用_values">使用 <code>values()</code></h3> -<pre class="brush:js notranslate">var mySet = new Set(); +<pre class="brush:js">var mySet = new Set(); mySet.add('foo'); mySet.add('bar'); mySet.add('baz'); diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/charcodeat/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/charcodeat/index.html index 8c683db768..e0c7b1168f 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/charcodeat/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/charcodeat/index.html @@ -22,7 +22,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/charCodeAt <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><code><em>str</em>.charCodeAt(<em>index</em>)</code></pre> +<pre class="syntaxbox"><code><em>str</em>.charCodeAt(<em>index</em>)</code></pre> <h3 id="参数">参数</h3> @@ -55,7 +55,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/charCodeAt <p>下例介绍了不同索引情况下返回的 Unicode 值：</p> -<pre class="brush: js notranslate">"ABC".charCodeAt(0) // returns 65:"A" +<pre class="brush: js">"ABC".charCodeAt(0) // returns 65:"A" "ABC".charCodeAt(1) // returns 66:"B" @@ -67,7 +67,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/charCodeAt <p>这段代码可以被用在 for 循环和其他类似语句中，当在指定引索之前不确定是否有非BMP字符存在时。</p> -<pre class="brush:js notranslate">function fixedCharCodeAt (str, idx) { +<pre class="brush:js">function fixedCharCodeAt (str, idx) { // ex. fixedCharCodeAt ('\uD800\uDC00', 0); // 65536 // ex. fixedCharCodeAt ('\uD800\uDC00', 1); // false idx = idx || 0; @@ -98,7 +98,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/charCodeAt <h3 id="使用_charCodeAt_修复字符串中出现的已知的非BMP字符">使用 <code>charCodeAt()</code> 修复字符串中出现的已知的非BMP字符</h3> -<pre class="brush:js notranslate">function knownCharCodeAt (str, idx) { +<pre class="brush:js">function knownCharCodeAt (str, idx) { str += ''; var code, end = str.length; diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/concat/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/concat/index.html index ee2d8dd06d..7b53403ac2 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/concat/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/concat/index.html @@ -14,7 +14,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/concat <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="notranslate"><code><var>str</var>.concat(<var>str2</var>, [, ...<var>strN</var>])</code></pre> +<pre><code><var>str</var>.concat(<var>str2</var>, [, ...<var>strN</var>])</code></pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -43,7 +43,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/concat <p>下面的例子演示如何将多个字符串与原字符串合并为一个新字符串</p> -<pre class="brush: js notranslate">let hello = 'Hello, ' +<pre class="brush: js">let hello = 'Hello, ' console.log(hello.concat('Kevin', '. Have a nice day.')) // Hello, Kevin. Have a nice day. diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/endswith/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/endswith/index.html index fb6728a8a0..dd5597701e 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/endswith/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/endswith/index.html @@ -23,7 +23,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/endsWith <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><var>str</var>.endsWith(<var>searchString</var>[, <var>length</var>])</pre> +<pre class="syntaxbox"><var>str</var>.endsWith(<var>searchString</var>[, <var>length</var>])</pre> <h3 id="参数">参数</h3> @@ -46,7 +46,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/endsWith <p>这个方法已经加入到 ECMAScript 6 标准当中，但是可能还没有在所有的 JavaScript 实现中可用。然而，你可以通过如下的代码片段扩展 <code>String.prototype.endsWith()</code> 实现兼容：</p> -<pre class="brush: js notranslate">if (!String.prototype.endsWith) { +<pre class="brush: js">if (!String.prototype.endsWith) { String.prototype.endsWith = function(search, this_len) { if (this_len === undefined || this_len > this.length) { this_len = this.length; @@ -60,7 +60,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/endsWith <h3 id="使用_endsWith">使用 <code>endsWith()</code></h3> -<pre class="brush:js; notranslate">var str = "To be, or not to be, that is the question."; +<pre class="brush:js;">var str = "To be, or not to be, that is the question."; alert( str.endsWith("question.") ); // true alert( str.endsWith("to be") ); // false diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/fromcharcode/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/fromcharcode/index.html index fd399adab7..3ac0a6a122 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/fromcharcode/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/fromcharcode/index.html @@ -16,7 +16,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/fromCharCode <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox notranslate"><code>String.fromCharCode(<var>num1</var>[, ...[, <var>numN</var>]])</code></pre> +<pre class="syntaxbox"><code>String.fromCharCode(<var>num1</var>[, ...[, <var>numN</var>]])</code></pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -49,7 +49,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/fromCharCode <p>在 UTF-16 中，BMP 字符使用一个代码单元：</p> -<pre class="brush: js notranslate">String.fromCharCode(65, 66, 67); // 返回 "ABC" +<pre class="brush: js">String.fromCharCode(65, 66, 67); // 返回 "ABC" String.fromCharCode(0x2014); // 返回 "—" String.fromCharCode(0x12014); // 也是返回 "—"; 数字 1 被剔除并忽略 String.fromCharCode(8212); // 也是返回 "—"; 8212 是 0x2014 的十进制表示 @@ -58,7 +58,7 @@ String.fromCharCode(8212); // 也是返回 "—"; 8212 是 0x2014 的十 <p><a href="https://asecuritysite.com/coding/asc2">完整的 UTF 16 表格</a>.<br> 在 UTF-16 中，补充字符需要两个代码单元（即一个代理对）：</p> -<pre class="brush: js notranslate">String.fromCharCode(0xD83C, 0xDF03); // Code Point U+1F303 "Night with +<pre class="brush: js">String.fromCharCode(0xD83C, 0xDF03); // Code Point U+1F303 "Night with String.fromCharCode(55356, 57091); // Stars" == "\uD83C\uDF03" String.fromCharCode(0xD834, 0xDF06, 0x61, 0xD834, 0xDF07); // "\uD834\uDF06a\uD834\uDF07" diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/includes/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/includes/index.html index 83ced4b38a..672a34166f 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/includes/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/includes/index.html @@ -16,7 +16,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/includes <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox notranslate"><var>str</var>.includes(<var>searchString</var>[, <var>position</var>])</pre> +<pre class="syntaxbox"><var>str</var>.includes(<var>searchString</var>[, <var>position</var>])</pre> <h3 id="参数">参数</h3> @@ -39,13 +39,13 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/includes <p><code>includes()</code> 方法是区分大小写的。例如，下面的表达式会返回 <strong><code>false</code></strong> ：</p> -<pre class="notranslate"><code>'Blue Whale'.includes('blue'); // returns false</code></pre> +<pre><code>'Blue Whale'.includes('blue'); // returns false</code></pre> <h2 id="兼容补丁">兼容补丁</h2> <p>这个方法已经被加入到 ECMAScript 6 标准中，但未必在所有的 JavaScript 实现中都可以使用。然而，你可以轻松地 polyfill 这个方法：</p> -<pre class="notranslate"><code>if (!String.prototype.includes) { +<pre><code>if (!String.prototype.includes) { String.prototype.includes = function(search, start) { 'use strict'; if (typeof start !== 'number') { @@ -64,7 +64,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/includes <h3 id="使用_includes">使用 includes()</h3> -<pre class="notranslate"><code>var str = 'To be, or not to be, that is the question.'; +<pre><code>var str = 'To be, or not to be, that is the question.'; console.log(str.includes('To be')); // true console.log(str.includes('question')); // true diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/indexof/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/indexof/index.html index 21434132e5..80213be40f 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/indexof/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/indexof/index.html @@ -22,7 +22,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/indexOf <h2 id="语法">语法</h2> -<pre class="notranslate"><var>str</var>.indexOf(<var>searchValue [</var>, <var>fromIndex]</var>)</pre> +<pre><var>str</var>.indexOf(<var>searchValue [</var>, <var>fromIndex]</var>)</pre> <h3 id="参数">参数</h3> @@ -43,14 +43,14 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/indexOf <p>若被查找的字符串 <code><var>searchValue</var></code><var> </var>是一个空字符串，将会产生“奇怪”的结果。如果 <code>fromIndex</code> 值为空，或者 <code>fromIndex</code> 值小于被查找的字符串的长度，返回值和以下的 <code>fromIndex</code> 值一样：</p> -<pre class="brush: js notranslate">'hello world'.indexOf('') // 返回 0 +<pre class="brush: js">'hello world'.indexOf('') // 返回 0 'hello world'.indexOf('', 0) // 返回 0 'hello world'.indexOf('', 3) // 返回 3 'hello world'.indexOf('', 8) // 返回 8</pre> <p>另外，如果 <code>fromIndex</code> 值大于等于字符串的长度，将会直接返回字符串的长度（<code>str.length</code>）：</p> -<pre class="brush: js notranslate">'hello world'.indexOf('', 11) // 返回 11 +<pre class="brush: js">'hello world'.indexOf('', 11) // 返回 11 'hello world'.indexOf('', 13) // 返回 11 'hello world'.indexOf('', 22) // 返回 11</pre> @@ -60,7 +60,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/indexOf <p>字符串中的字符被从左向右索引。第一个字符的索引（index）是 <code>0</code>，变量名为 <code>stringName</code> 的字符串的最后一个字符的索引是 <code>stringName.length - 1</code> 。</p> -<pre class="brush: js notranslate">"Blue Whale".indexOf("Blue") // 返回 0 +<pre class="brush: js">"Blue Whale".indexOf("Blue") // 返回 0 "Blue Whale".indexOf("Blute") // 返回 -1 "Blue Whale".indexOf("Whale", 0) // 返回 5 "Blue Whale".indexOf("Whale", 5) // 返回 5 @@ -71,14 +71,14 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/indexOf <p id="Example_indexOf_and_case-sensitivity"><code>indexOf</code> 方法是区分大小写的。例如，下面的表达式将返回 <code>-1</code>：</p> -<pre class="brush: js notranslate">"Blue Whale".indexOf("blue") // 返回 -1 +<pre class="brush: js">"Blue Whale".indexOf("blue") // 返回 -1 </pre> <h3 id="检测是否存在某字符串">检测是否存在某字符串</h3> <p>注意 <code>0</code> 并不会被当成 <code>true</code> ，<code>-1</code> 不会被当成 <code>false</code> 。所以当检测某个字符串是否存在于另一个字符串中时，可使用下面的方法：</p> -<pre class="notranslate">'Blue Whale'.indexOf('Blue') !== -1 // true +<pre>'Blue Whale'.indexOf('Blue') !== -1 // true 'Blue Whale'.indexOf('Bloe') !== -1 // false ~('Blue Whale'.indexOf('Bloe')) // 0, 这是一种错误用法</pre> @@ -88,7 +88,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/indexOf <p>下例使用 <code>indexOf()</code> 和 <code>lastIndexOf()</code> 方法定位字符串中 "<code>Brave new world</code>" 的值。</p> -<pre class="brush: js notranslate">var anyString = "Brave new world"; +<pre class="brush: js">var anyString = "Brave new world"; console.log("The index of the first w from the beginning is " + anyString.indexOf("w")); // logs 8 @@ -105,7 +105,7 @@ console.log("The index of 'new' from the end is " + anyString.lastIndexOf("new") <p>下例定义了两个字符串变量。两个变量包含相同的字符串，除了第二个字符串中的某些字符为大写。第一个 <code>log</code> 方法输出 19。但是由于 <code>indexOf</code> 方法区分大小写，因此不会在 <code>myCapString</code> 中发现字符串 <code>“cheddar"</code>，所以，第二个 <code>log</code> 方法会输出 -1。</p> -<pre class="brush: js notranslate">var myString = "brie, pepper jack, cheddar"; +<pre class="brush: js">var myString = "brie, pepper jack, cheddar"; var myCapString = "Brie, Pepper Jack, Cheddar"; console.log('myString.indexOf("cheddar") is ' + myString.indexOf("cheddar")); @@ -117,7 +117,7 @@ console.log('myCapString.indexOf("cheddar") is ' + myCapString.indexOf("cheddar" <p>在下例中，设置了 <code>count</code> 来记录字母 <code>e</code> 在字符串 <code>str</code> 中出现的次数：</p> -<pre class="brush: js notranslate">// 翻译：生存还是毁灭？这是个问题。（莎士比亚《哈姆雷特》） +<pre class="brush: js">// 翻译：生存还是毁灭？这是个问题。（莎士比亚《哈姆雷特》） var str = 'To be, or not to be, that is the question.'; var count = 0; var pos = str.indexOf('e'); diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/localecompare/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/localecompare/index.html index 1bdd45c95e..bf0e8ad0fb 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/localecompare/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/localecompare/index.html @@ -19,7 +19,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/localeCompare <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><code><var>referenceStr</var>.localeCompare(<var>compareString</var>[, <var>locales</var>[, <var>options</var>]])</code></pre> +<pre class="syntaxbox"><code><var>referenceStr</var>.localeCompare(<var>compareString</var>[, <var>locales</var>[, <var>options</var>]])</code></pre> <h3 id="参数">参数</h3> @@ -90,7 +90,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/localeCompare <h3 id="使用_localeCompare">使用 <code>localeCompare()</code></h3> -<pre class="brush: js notranslate">// The letter "a" is before "c" yielding a negative value +<pre class="brush: js">// The letter "a" is before "c" yielding a negative value 'a'.localeCompare('c'); // -2 or -1 (or some other negative value) @@ -107,7 +107,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/localeCompare <p><code>locales</code> 和 <code>options</code> 参数还没有被所有浏览器所支持。检查是否被支持， 使用 "i" 参数 (a requirement that illegal language tags are rejected) 判断是否有异常 {{jsxref("RangeError")}}抛出:</p> -<pre class="brush: js notranslate">function localeCompareSupportsLocales() { +<pre class="brush: js">function localeCompareSupportsLocales() { try { 'foo'.localeCompare('bar', 'i'); } catch (e) { @@ -121,7 +121,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/localeCompare <p>在不同的语言下 <code>localeCompare()</code> 所提供的结果是不一致的。 为了能让用户得到正确的比较值， 通过使用 <code>locales</code> 参数来提供要比较的语言 (and possibly some fallback languages) :</p> -<pre class="brush: js notranslate">console.log('ä'.localeCompare('z', 'de')); // a negative value: in German, ä sorts with a +<pre class="brush: js">console.log('ä'.localeCompare('z', 'de')); // a negative value: in German, ä sorts with a console.log('ä'.localeCompare('z', 'sv')); // a positive value: in Swedish, ä sorts after z </pre> @@ -129,7 +129,7 @@ console.log('ä'.localeCompare('z', 'sv')); // a positive value: in Swedish, ä <p><code>localeCompare()</code> 所提供的结果可以通过 <code>options</code> 参数来制定:</p> -<pre class="brush: js notranslate">// in German, ä has a as the base letter +<pre class="brush: js">// in German, ä has a as the base letter console.log('ä'.localeCompare('a', 'de', { sensitivity: 'base' })); // 0 // in Swedish, ä and a are separate base letters diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/match/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/match/index.html index cc979f7ffe..5f5b701e63 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/match/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/match/index.html @@ -14,7 +14,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/match <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox notranslate"><code><em>str</em>.match(regexp)</code></pre> +<pre class="syntaxbox"><code><em>str</em>.match(regexp)</code></pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -62,7 +62,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/match <p>在下例中，使用 <code>match</code> 查找 "<code>Chapter</code>" 紧跟着 1 个或多个数值字符，再紧跟着一个小数点和数值字符 0 次或多次。正则表达式包含 <code>i</code> 标志，因此大小写会被忽略。</p> -<pre class="brush: js line-numbers language-js notranslate"><code class="language-js">var str = 'For more information, see Chapter 3.4.5.1'; +<pre class="brush: js line-numbers language-js"><code class="language-js">var str = 'For more information, see Chapter 3.4.5.1'; var re = /see (chapter \d+(\.\d)*)/i; var found = str.match(re); @@ -84,7 +84,7 @@ console.log(found); <p>下例展示了 <code>match</code> 使用 global 和 ignore case 标志。A-E、a-e 的所有字母将会作为一个数组的元素返回。</p> -<pre class="brush: js line-numbers language-js notranslate"><code class="language-js">var str = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'; +<pre class="brush: js line-numbers language-js"><code class="language-js">var str = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'; var regexp = /[A-E]/gi; var matches_array = str.match(regexp); @@ -93,7 +93,7 @@ console.log(matches_array); <h3 id="使用match，不传参数"><code>使用match()，不传参数 </code></h3> -<pre class="brush: js line-numbers language-js notranslate"><code class="language-js">var str = "Nothing will come of nothing."; +<pre class="brush: js line-numbers language-js"><code class="language-js">var str = "Nothing will come of nothing."; str.match(); // returns [""]</code></pre> @@ -101,7 +101,7 @@ str.match(); // returns [""]</code></pre> <p>当参数是一个字符串或一个数字，它会使用new RegExp(obj)来隐式转换成一个 {{jsxref("RegExp")}}。如果它是一个有正号的正数，RegExp() 方法将忽略正号。</p> -<pre class="brush: js line-numbers language-js notranslate"><code class="language-js">var str1 = "NaN means not a number. Infinity contains -Infinity and +Infinity in JavaScript.", +<pre class="brush: js line-numbers language-js"><code class="language-js">var str1 = "NaN means not a number. Infinity contains -Infinity and +Infinity in JavaScript.", str2 = "My grandfather is 65 years old and My grandmother is 63 years old.", str3 = "The contract was declared null and void."; str1.match("number"); // "number" 是字符串。返回["number"] diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/matchall/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/matchall/index.html index f2344f6f79..d11d23265e 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/matchall/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/matchall/index.html @@ -20,7 +20,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/matchAll <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><var>str</var>.matchAll(<var>regexp</var>)</pre> +<pre class="syntaxbox"><var>str</var>.matchAll(<var>regexp</var>)</pre> <h3 id="参数">参数</h3> @@ -42,7 +42,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/matchAll <p>在 <code>matchAll</code> 出现之前，通过在循环中调用 <code>regexp.exec()</code> 来获取所有匹配项信息（regexp 需使用 <code>/g</code> 标志）：</p> -<pre class="brush: js notranslate">const regexp = RegExp('foo[a-z]*','g'); +<pre class="brush: js">const regexp = RegExp('foo[a-z]*','g'); const str = 'table football, foosball'; let match; @@ -54,7 +54,7 @@ while ((match = regexp.exec(str)) !== null) { <p>如果使用 <code>matchAll</code> ，就可以不必使用 while 循环加 exec 方式（且正则表达式需使用 <code>/g</code> 标志）。使用 <code>matchAll</code> 会得到一个迭代器的返回值，配合 <code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...of">for...of</a></code>, <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax">array spread</a>, 或者 {{jsxref("Array.from()")}} 可以更方便实现功能：</p> -<pre class="brush: js notranslate">const regexp = RegExp('foo[a-z]*','g'); +<pre class="brush: js">const regexp = RegExp('foo[a-z]*','g'); const str = 'table football, foosball'; const matches = str.matchAll(regexp); @@ -71,14 +71,14 @@ Array.from(str.matchAll(regexp), m => m[0]); <p>如果没有 <code>/g</code> 标志，<code>matchAll</code> 会抛出异常。</p> -<pre class="brush: js notranslate">const regexp = RegExp('[a-c]',''); +<pre class="brush: js">const regexp = RegExp('[a-c]',''); const str = 'abc'; Array.from(str.matchAll(regexp), m => m[0]); // TypeError: String.prototype.matchAll called with a non-global RegExp argument</pre> <p><code>matchAll</code> 内部做了一个 regexp 的复制，所以不像 <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/exec">regexp.exec</a>, <code>lastIndex</code> 在字符串扫描时不会改变。</p> -<pre class="brush: js notranslate">const regexp = RegExp('[a-c]','g'); +<pre class="brush: js">const regexp = RegExp('[a-c]','g'); regexp.lastIndex = 1; const str = 'abc'; Array.from(str.matchAll(regexp), m => `${regexp.lastIndex} ${m[0]}`); @@ -89,7 +89,7 @@ Array.from(str.matchAll(regexp), m => `${regexp.lastIndex} ${m[0]}`); <p><code>matchAll</code> 的另外一个亮点是更好地获取捕获组。因为当使用 <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/match">match()</a></code> 和 <code>/g</code> 标志方式获取匹配信息时，捕获组会被忽略：</p> -<pre class="brush: js notranslate">var regexp = /t(e)(st(\d?))/g; +<pre class="brush: js">var regexp = /t(e)(st(\d?))/g; var str = 'test1test2'; str.match(regexp); @@ -97,7 +97,7 @@ str.match(regexp); <p>使用 <code>matchAll</code> 可以通过如下方式获取分组捕获:</p> -<pre class="brush: js notranslate">let array = [...str.matchAll(regexp)]; +<pre class="brush: js">let array = [...str.matchAll(regexp)]; array[0]; // ['test1', 'e', 'st1', '1', index: 0, input: 'test1test2', length: 4] diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/padend/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/padend/index.html index ca1f5d8515..e73b847c5b 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/padend/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/padend/index.html @@ -18,7 +18,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/padEnd <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><var>str</var>.padEnd(<var>targetLength</var> [, <var>padString</var>])</pre> +<pre class="syntaxbox"><var>str</var>.padEnd(<var>targetLength</var> [, <var>padString</var>])</pre> <h3 id="参数">参数</h3> @@ -35,7 +35,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/padEnd <h2 id="示例">示例</h2> -<pre class="brush: js notranslate">'abc'.padEnd(10); // "abc " +<pre class="brush: js">'abc'.padEnd(10); // "abc " 'abc'.padEnd(10, "foo"); // "abcfoofoof" 'abc'.padEnd(6, "123456"); // "abc123" 'abc'.padEnd(1); // "abc" @@ -45,7 +45,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/padEnd <p>如果原生环境不支持该方法，在其他代码之前先运行下面的代码，将创建 <code>String.prototype.padEnd()</code> 方法。</p> -<pre class="brush: js notranslate">// https://github.com/uxitten/polyfill/blob/master/string.polyfill.js +<pre class="brush: js">// https://github.com/uxitten/polyfill/blob/master/string.polyfill.js // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/padEnd if (!String.prototype.padEnd) { String.prototype.padEnd = function padEnd(targetLength,padString) { diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/padstart/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/padstart/index.html index 8596df0ae3..69aff06b94 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/padstart/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/padstart/index.html @@ -20,7 +20,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/padStart <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><var>str</var>.padStart(<var>targetLength</var> [, <var>padString</var>])</pre> +<pre class="syntaxbox"><var>str</var>.padStart(<var>targetLength</var> [, <var>padString</var>])</pre> <h3 id="参数">参数</h3> @@ -37,7 +37,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/padStart <h2 id="示例">示例</h2> -<pre class="brush: js line-numbers language-js notranslate"><code class="language-js">'abc'.padStart(10); // " abc" +<pre class="brush: js line-numbers language-js"><code class="language-js">'abc'.padStart(10); // " abc" 'abc'.padStart(10, "foo"); // "foofoofabc" 'abc'.padStart(6,"123465"); // "123abc" 'abc'.padStart(8, "0"); // "00000abc" @@ -47,7 +47,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/padStart <p>如果原生环境不支持该方法，在其他代码之前先运行下面的代码，将创建 <code>String.prototype.padStart()</code> 方法。</p> -<pre class="brush: js line-numbers language-js notranslate"><code class="language-js">// https://github.com/uxitten/polyfill/blob/master/string.polyfill.js +<pre class="brush: js line-numbers language-js"><code class="language-js">// https://github.com/uxitten/polyfill/blob/master/string.polyfill.js // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/padStart if (!String.prototype.padStart) { String.prototype.padStart = function padStart(targetLength,padString) { diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/repeat/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/repeat/index.html index b880c16b92..c0ee77fe21 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/repeat/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/repeat/index.html @@ -20,7 +20,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/repeat <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox notranslate"><code><var>str</var>.repeat(<var>count</var>)</code></pre> +<pre class="syntaxbox"><code><var>str</var>.repeat(<var>count</var>)</code></pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -44,7 +44,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/repeat <p>此方法已添加到 ECMAScript 2015 规范中，并且可能尚未在所有 JavaScript 实现中可用。然而，你可以使用以下代码段对 String.prototype.repeat() 进行填充：</p> -<pre class="brush: js language-js notranslate"><code class="language-js">if (!String.prototype.repeat) { +<pre class="brush: js language-js"><code class="language-js">if (!String.prototype.repeat) { String.prototype.repeat = function(count) { 'use strict'; if (this == null) { @@ -88,7 +88,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/repeat <h2 id="Examples" name="Examples">示例</h2> -<pre class="brush:js notranslate">"abc".repeat(-1) // RangeError: repeat count must be positive and less than inifinity +<pre class="brush:js">"abc".repeat(-1) // RangeError: repeat count must be positive and less than inifinity "abc".repeat(0) // "" "abc".repeat(1) // "abc" "abc".repeat(2) // "abcabc" diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/replace/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/replace/index.html index 49f27efe4b..5991e8fa0a 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/replace/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/replace/index.html @@ -21,7 +21,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/replace <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><code><var>str</var>.replace(<var>regexp</var>|<var>substr</var>, <var>newSubStr</var>|<var>function</var>)</code></pre> +<pre class="syntaxbox"><code><var>str</var>.replace(<var>regexp</var>|<var>substr</var>, <var>newSubStr</var>|<var>function</var>)</code></pre> <h3 id="参数">参数</h3> @@ -137,7 +137,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/replace <p>下面的例子将会使 <code>newString</code> 变成 <code>'abc - 12345 - #$*%'</code>：</p> -<pre class="brush: js notranslate">function replacer(match, p1, p2, p3, offset, string) { +<pre class="brush: js">function replacer(match, p1, p2, p3, offset, string) { // p1 is nondigits, p2 digits, and p3 non-alphanumerics return [p1, p2, p3].join(' - '); } @@ -151,7 +151,7 @@ console.log(newString); // abc - 12345 - #$*% <p>在下面的例子中，<code>replace()</code> 中使用了正则表达式及忽略大小写标示。</p> -<pre class="brush: js notranslate">var str = 'Twas the night before Xmas...'; +<pre class="brush: js">var str = 'Twas the night before Xmas...'; var newstr = str.replace(/xmas/i, 'Christmas'); console.log(newstr); // Twas the night before Christmas... </pre> @@ -160,7 +160,7 @@ console.log(newstr); // Twas the night before Christmas... <p>下面的例子中,正则表达式包含有全局替换(g)和忽略大小写(i)的选项,这使得replace方法用'oranges'替换掉了所有出现的"apples".</p> -<pre class="brush: js notranslate">var re = /apples/gi; +<pre class="brush: js">var re = /apples/gi; var str = "Apples are round, and apples are juicy."; var newstr = str.replace(re, "oranges"); @@ -172,7 +172,7 @@ console.log(newstr); <p>下面的例子演示了如何交换一个字符串中两个单词的位置，这个脚本使用$1 和 $2 代替替换文本。</p> -<pre class="brush: js notranslate">var re = /(\w+)\s(\w+)/; +<pre class="brush: js">var re = /(\w+)\s(\w+)/; var str = "John Smith"; var newstr = str.replace(re, "$2, $1"); // Smith, John @@ -185,7 +185,7 @@ console.log(newstr); <p>在返回前，替换函数允许匹配片段作为参数，并且将它和连字符进行连接作为新的片段。</p> -<pre class="brush: js notranslate">function styleHyphenFormat(propertyName) { +<pre class="brush: js">function styleHyphenFormat(propertyName) { function upperToHyphenLower(match) { return '-' + match.toLowerCase(); } @@ -197,7 +197,7 @@ console.log(newstr); <p>因为我们想在最终的替换中进一步转变匹配结果，所以我们必须使用一个函数。这迫使我们在使用{{jsxref("String.prototype.toLowerCase()", "toLowerCase()")}}方法前进行评估。如果我们尝试不用一个函数进行匹配，那么使用{{jsxref("String.prototype.toLowerCase()", "toLowerCase()")}} 方法将不会有效。</p> -<pre class="brush: js notranslate">var newString = propertyName.replace(/[A-Z]/g, '-' + '$&'.toLowerCase()); // won't work +<pre class="brush: js">var newString = propertyName.replace(/[A-Z]/g, '-' + '$&'.toLowerCase()); // won't work </pre> <p>这是因为 <code>'$&'.toLowerCase()</code> 会先被解析成字符串字面量（这会导致相同的'$&')而不是当作一个模式。</p> @@ -208,7 +208,7 @@ console.log(newstr); <p>正则表达式test检查任何数字是否以 F 结尾。华氏温度通过第二个参数p1进入函数。这个函数基于华氏温度作为字符串传递给f2c函数设置成摄氏温度。然后f2c()返回摄氏温度。这个函数与Perl的 s///e 标志相似。</p> -<pre class="brush: js notranslate">function f2c(x) +<pre class="brush: js">function f2c(x) { function convert(str, p1, offset, s) { @@ -227,7 +227,7 @@ console.log(newstr); <p><strong>输入：</strong><br> 一个由 x，- 和 _ 组成的字符串。</p> -<pre class="notranslate">x-x_ +<pre>x-x_ ---x---x---x--- @@ -240,7 +240,7 @@ _x_x___x___x___ <p>一个数组对象。'x' 产生一个 'on' 状态，'-'（连接符）产生一个 'off' 状态，而 '_' （下划线）表示 'on' 状态的长度。</p> -<pre class="brush: js notranslate">[ +<pre class="brush: js">[ { on: true, length: 1 }, { on: false, length: 1 }, { on: true, length: 2 } @@ -249,7 +249,7 @@ _x_x___x___x___ <p>代码片段：</p> -<pre class="brush: js notranslate">var str = 'x-x_'; +<pre class="brush: js">var str = 'x-x_'; var retArr = []; str.replace(/(x_*)|(-)/g, function(match, p1, p2) { if (p1) { retArr.push({ on: true, length: p1.length }); } diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/replaceall/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/replaceall/index.html index cbd76d71b7..c9d892e3f7 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/replaceall/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/replaceall/index.html @@ -19,7 +19,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/replaceAll <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">const newStr = <var>str</var>.replaceAll(<var>regexp</var>|<var>substr</var>, <var>newSubstr</var>|<var>function</var>)</pre> +<pre class="syntaxbox">const newStr = <var>str</var>.replaceAll(<var>regexp</var>|<var>substr</var>, <var>newSubstr</var>|<var>function</var>)</pre> <div class="blockIndicator note"> <p>当使用一个 `regex`时，您必须设置全局（“ g”）标志，<br> @@ -123,20 +123,20 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/replaceAll <h3 id="使用_replaceAll">使用 replaceAll</h3> -<pre class="brush: js notranslate">'aabbcc'.replaceAll('b', '.'); +<pre class="brush: js">'aabbcc'.replaceAll('b', '.'); // 'aa..cc'</pre> <h3 id="非全局_regex_抛出">非全局 regex 抛出</h3> <p>使用正则表达式搜索值时，它必须是全局的。这将行不通：</p> -<pre class="brush: js; example-bad notranslate">'aabbcc'.replaceAll(/b/, '.'); +<pre class="brush: js; example-bad">'aabbcc'.replaceAll(/b/, '.'); TypeError: replaceAll must be called with a global RegExp </pre> <p>这将可以正常运行:</p> -<pre class="brush: js; example-good notranslate">'aabbcc'.replaceAll(/b/g, '.'); +<pre class="brush: js; example-good">'aabbcc'.replaceAll(/b/g, '.'); "aa..cc" </pre> diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/search/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/search/index.html index 06c7e214fd..35a75549c2 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/search/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/search/index.html @@ -20,7 +20,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/search <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><var>str</var>.search(<var>regexp</var>)</pre> +<pre class="syntaxbox"><var>str</var>.search(<var>regexp</var>)</pre> <h3 id="参数">参数</h3> @@ -44,7 +44,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/search <p>下面的例子中用两个不同的正则表达式对同一个字符串执行搜索匹配，得到一个成功匹配（正数返回值）和一个失败匹配（-1）。</p> -<pre class="brush: js notranslate">var str = "hey JudE"; +<pre class="brush: js">var str = "hey JudE"; var re = /[A-Z]/g; var re2 = /[.]/g; console.log(str.search(re)); // returns 4, which is the index of the first capital letter "J" diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/startswith/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/startswith/index.html index 7cbd48ba7b..ac60af390f 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/startswith/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/startswith/index.html @@ -21,7 +21,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/startsWith <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><var>str</var>.startsWith(<var>searchString</var>[, <var>position</var>])</pre> +<pre class="syntaxbox"><var>str</var>.startsWith(<var>searchString</var>[, <var>position</var>])</pre> <h3 id="参数">参数</h3> @@ -44,7 +44,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/startsWith <p>此方法已被添加至 ECMAScript 2015 规范之中，但可能不能在所有的现行 JavaScript 实现中使用。不过，你可以用以下的代码段为 <code>String.prototype.startsWith()</code> 制作 Polyfill：</p> -<pre class="brush: js notranslate">if (!String.prototype.startsWith) { +<pre class="brush: js">if (!String.prototype.startsWith) { Object.defineProperty(String.prototype, 'startsWith', { value: function(search, pos) { pos = !pos || pos < 0 ? 0 : +pos; @@ -60,7 +60,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/startsWith <h3 id="使用_startsWith">使用 <code>startsWith()</code></h3> -<pre class="brush:js; notranslate">var str = "To be, or not to be, that is the question."; +<pre class="brush:js;">var str = "To be, or not to be, that is the question."; alert(str.startsWith("To be")); // true alert(str.startsWith("not to be")); // false diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/substring/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/substring/index.html index e2b061d1a3..f35badbe86 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/substring/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/substring/index.html @@ -11,7 +11,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/substring <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox notranslate"><code><var>str</var>.substring(<var>indexStart</var>[, <var>indexEnd</var>])</code></pre> +<pre class="syntaxbox"><code><var>str</var>.substring(<var>indexStart</var>[, <var>indexEnd</var>])</code></pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -44,7 +44,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/substring <p>下例使用 <code>substring</code> 输出字符串 "<code>Mozilla</code>" 中的字符：</p> -<pre class="brush:js notranslate">var anyString = "Mozilla"; +<pre class="brush:js">var anyString = "Mozilla"; // 输出 "Moz" console.log(anyString.substring(0,3)); @@ -73,7 +73,7 @@ console.log(anyString.substring(0,10)); <p>下面一个例子运用了 String.length 属性去获取指定字符串的倒数元素。显然这个办法更容易记住，因为你不再像上面那个例子那样去记住起始位置和最终位置。</p> -<pre class="brush: js notranslate"><code>// Displays 'illa' the last 4 characters +<pre class="brush: js"><code>// Displays 'illa' the last 4 characters var anyString = 'Mozilla'; var anyString4 = anyString.substring(anyString.length - 4); console.log(anyString4);</code> @@ -87,7 +87,7 @@ console.log(anyString5);</pre> <p>下例替换了一个字符串中的子字符串。可以替换单个字符和子字符串。该例结尾调用的函数将 "<code>Brave New World</code>" 变成了 "<code>Brave New Web</code>"。</p> -<pre class="brush:js notranslate">function replaceString(oldS, newS, fullS) { +<pre class="brush:js">function replaceString(oldS, newS, fullS) { // Replaces oldS with newS in the string fullS for (var i = 0; i < fullS.length; i++) { if (fullS.substring(i, i + oldS.length) == oldS) { @@ -101,7 +101,7 @@ replaceString("World", "Web", "Brave New World");</pre> <p>需要注意的是，如果 <code>oldS</code> 是 <code>newS</code> 的子字符串将会导致死循环。例如，尝试把 "Web" 替换成 "OtherWorld"。一个更好的方法如下：</p> -<pre class="brush:js notranslate">function replaceString(oldS, newS,fullS){ +<pre class="brush:js">function replaceString(oldS, newS,fullS){ return fullS.split(oldS).join(newS); }</pre> diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/tolowercase/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/tolowercase/index.html index 007d9bb2d9..b1b9f6266d 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/tolowercase/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/tolowercase/index.html @@ -15,7 +15,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/toLowerCase <h2 id="语法" style="margin-bottom: 20px; line-height: 30px;">语法</h2> -<pre class="syntaxbox language-html notranslate" style="margin-bottom: 0px; padding: 1em; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; direction: ltr; white-space: normal; text-shadow: none; background-color: rgba(212, 221, 228, 0.498039);"><code class="language-html" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; direction: ltr; color: inherit; text-shadow: none;">str.toLowerCase()</code> +<pre class="syntaxbox language-html" style="margin-bottom: 0px; padding: 1em; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; direction: ltr; white-space: normal; text-shadow: none; background-color: rgba(212, 221, 228, 0.498039);"><code class="language-html" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; direction: ltr; color: inherit; text-shadow: none;">str.toLowerCase()</code> </pre> <p id="sect1"></p> @@ -32,7 +32,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/toLowerCase <h3 id="例子：使用_toLowerCase" style="line-height: 24px;">例子：使用 <code>toLowerCase()</code></h3> -<pre class="brush: js notranslate">console.log('中文简体 zh-CN || zh-Hans'.toLowerCase()); +<pre class="brush: js">console.log('中文简体 zh-CN || zh-Hans'.toLowerCase()); // 中文简体 zh-cn || zh-hans console.log( "ALPHABET".toLowerCase() ); diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/touppercase/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/touppercase/index.html index 0e45f82bac..820f1a80b3 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/touppercase/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/touppercase/index.html @@ -19,7 +19,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/toUpperCase <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><var>str</var>.toUpperCase()</pre> +<pre class="syntaxbox"><var>str</var>.toUpperCase()</pre> <h3 id="返回值">返回值</h3> @@ -40,14 +40,14 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/toUpperCase <h3 id="基本用法">基本用法</h3> -<pre class="brush: js notranslate">console.log('alphabet'.toUpperCase()); // 'ALPHABET' +<pre class="brush: js">console.log('alphabet'.toUpperCase()); // 'ALPHABET' </pre> <h3 id="将非字符串类型的_this_（上下文）转为字符串">将非字符串类型的 <code>this</code> （上下文）转为字符串</h3> <p>此方法会将任何非字符串类型的值转为字符串， 当你将其上下文 <code>this</code> 值设置为非字符串类型</p> -<pre class="brush: js notranslate">const a = String.prototype.toUpperCase.call({ +<pre class="brush: js">const a = String.prototype.toUpperCase.call({ toString: function toString() { return 'abcdef'; } diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/trim/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/trim/index.html index 503a9e234f..aa0e524f53 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/trim/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/trim/index.html @@ -26,7 +26,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/Trim <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><code><var>str</var>.trim()</code></pre> +<pre class="syntaxbox"><code><var>str</var>.trim()</code></pre> <h3 id="返回值">返回值</h3> @@ -42,7 +42,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/Trim <p>下面的例子中将显示小写的字符串 'foo':</p> -<pre class="brush: js notranslate">var orig = ' foo '; +<pre class="brush: js">var orig = ' foo '; console.log(orig.trim()); // 'foo' // 另一个 .trim() 例子，只从一边删除 @@ -55,7 +55,7 @@ console.log(orig.trim()); // 'foo' <p>如果 <code>trim()</code> 不存在，可以在所有代码前执行下面代码</p> -<pre class="brush: js notranslate">if (!String.prototype.trim) { +<pre class="brush: js">if (!String.prototype.trim) { String.prototype.trim = function () { return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, ''); }; diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/valueof/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/valueof/index.html index 6af5bd5d2d..2d8754a2cc 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/valueof/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/valueof/index.html @@ -11,7 +11,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/valueOf <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><code><var>str</var>.valueOf()</code></pre> +<pre class="syntaxbox"><code><var>str</var>.valueOf()</code></pre> <h3 id="返回结果">返回结果</h3> @@ -27,7 +27,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/valueOf <h3 id="使用_valueOf">使用 <code>valueOf()</code></h3> -<pre class="brush: js notranslate">var x = new String('Hello world'); +<pre class="brush: js">var x = new String('Hello world'); console.log(x.valueOf()); // Displays 'Hello world' </pre> diff --git a/files/zh-cn/web/javascript/reference/global_objects/symbol/hasinstance/index.html b/files/zh-cn/web/javascript/reference/global_objects/symbol/hasinstance/index.html index 2381f6654f..c4d2d0753a 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/symbol/hasinstance/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/symbol/hasinstance/index.html @@ -19,7 +19,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Symbol/hasInstance <p>你可实现一个自定义的<code>instanceof</code> 行为，例如：</p> -<pre class="brush: js notranslate">class MyArray { +<pre class="brush: js">class MyArray { static [Symbol.hasInstance](instance) { return Array.isArray(instance); } diff --git a/files/zh-cn/web/javascript/reference/global_objects/symbol/index.html b/files/zh-cn/web/javascript/reference/global_objects/symbol/index.html index 5e23754b25..9473363551 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/symbol/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/symbol/index.html @@ -19,7 +19,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Symbol <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox notranslate"><code>Symbol(<em>[description]</em>)</code></pre> +<pre class="syntaxbox"><code>Symbol(<em>[description]</em>)</code></pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -32,24 +32,24 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Symbol <p>直接使用<code>Symbol()</code>创建新的symbol类型，并用一个可选的字符串作为其描述。</p> -<pre class="brush: js notranslate">var sym1 = Symbol(); +<pre class="brush: js">var sym1 = Symbol(); var sym2 = Symbol('foo'); var sym3 = Symbol('foo'); </pre> <p>上面的代码创建了三个新的symbol类型。 注意，<code>Symbol("foo")</code> 不会强制将字符串 “foo” 转换成symbol类型。它每次都会创建一个新的 symbol类型：</p> -<pre class="brush: js notranslate">Symbol("foo") === Symbol("foo"); // false</pre> +<pre class="brush: js">Symbol("foo") === Symbol("foo"); // false</pre> <p>下面带有 {{jsxref("Operators/new", "new")}} 运算符的语法将抛出 {{jsxref("TypeError")}} 错误：</p> -<pre class="brush: js notranslate">var sym = new Symbol(); // TypeError</pre> +<pre class="brush: js">var sym = new Symbol(); // TypeError</pre> <p>这会阻止创建一个显式的 Symbol 包装器对象而不是一个 Symbol 值。围绕原始数据类型创建一个显式包装器对象从 ECMAScript 6 开始不再被支持。 然而，现有的原始包装器对象，如 <code style="font-style: normal;">new Boolean</code>、<code style="font-style: normal;">new String</code>以及<code>new Number</code>，因为遗留原因仍可被创建。</p> <p>如果你真的想创建一个 <u>Symbol 包装器对象 </u>(<code>Symbol wrapper object</code>)，你可以使用 <code>Object()</code> 函数：</p> -<pre class="brush: js notranslate">var sym = Symbol("foo"); +<pre class="brush: js">var sym = Symbol("foo"); typeof sym; // "symbol" var symObj = Object(sym); typeof symObj; // "object"</pre> @@ -150,7 +150,7 @@ typeof symObj; // "object"</pre> <p> {{jsxref("Operators/typeof", "typeof")}}运算符能帮助你识别 symbol 类型</p> -<pre class="brush: js notranslate"><code class="language-js">typeof Symbol() === 'symbol' +<pre class="brush: js"><code class="language-js">typeof Symbol() === 'symbol' typeof Symbol('foo') === 'symbol' typeof Symbol.iterator === 'symbol'</code> </pre> @@ -170,7 +170,7 @@ typeof Symbol.iterator === 'symbol'</code> <p>Symbols 在 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...in"><code>for...in</code></a> 迭代中不可枚举。另外，{{jsxref("Object.getOwnPropertyNames()")}} 不会返回 symbol 对象的属性，但是你能使用 {{jsxref("Object.getOwnPropertySymbols()")}} 得到它们。</p> -<pre class="brush: js line-numbers language-js notranslate"><code class="language-js">var obj = {}; +<pre class="brush: js line-numbers language-js"><code class="language-js">var obj = {}; obj[Symbol("a")] = "a"; obj[Symbol.for("b")] = "b"; @@ -185,7 +185,7 @@ for (var i in obj) { <p>当使用 JSON.stringify() 时，以 symbol 值作为键的属性会被完全忽略：</p> -<pre class="brush: js notranslate"><code class="language-js">JSON.stringify({[Symbol("foo")]: "foo"}); +<pre class="brush: js"><code class="language-js">JSON.stringify({[Symbol("foo")]: "foo"}); // '{}'</code></pre> <p>更多细节，请看 {{jsxref("JSON.stringify()")}}。</p> @@ -194,7 +194,7 @@ for (var i in obj) { <p>当一个 Symbol 包装器对象作为一个属性的键时，这个对象将被强制转换为它包装过的 symbol 值：</p> -<pre class="brush: js notranslate"><code class="language-js">var sym = Symbol("foo"); +<pre class="brush: js"><code class="language-js">var sym = Symbol("foo"); var obj = {[sym]: 1}; obj[sym]; // 1 obj[Object(sym)]; // still 1</code></pre> diff --git a/files/zh-cn/web/javascript/reference/global_objects/symbol/keyfor/index.html b/files/zh-cn/web/javascript/reference/global_objects/symbol/keyfor/index.html index 150ae66f02..c38fa9307b 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/symbol/keyfor/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/symbol/keyfor/index.html @@ -11,7 +11,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Symbol/keyFor <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox notranslate"><var>Symbol.keyFor(sym)</var>;</pre> +<pre class="syntaxbox"><var>Symbol.keyFor(sym)</var>;</pre> <h3 id="参数">参数</h3> @@ -28,7 +28,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Symbol/keyFor <h2 id="示例">示例</h2> -<pre class="brush: js notranslate">// 创建一个全局 Symbol +<pre class="brush: js">// 创建一个全局 Symbol var globalSym = Symbol.for("foo"); Symbol.keyFor(globalSym); // "foo" diff --git a/files/zh-cn/web/javascript/reference/global_objects/symbol/search/index.html b/files/zh-cn/web/javascript/reference/global_objects/symbol/search/index.html index c1efdd302e..f3d595a2fb 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/symbol/search/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/symbol/search/index.html @@ -17,7 +17,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Symbol/search <h3 id="自定义字符串搜索">自定义字符串搜索</h3> -<pre class="notranslate">class caseInsensitiveSearch { +<pre>class caseInsensitiveSearch { constructor(value) { this.value = value.toLowerCase(); } diff --git a/files/zh-cn/web/javascript/reference/global_objects/symbol/split/index.html b/files/zh-cn/web/javascript/reference/global_objects/symbol/split/index.html index 53b98d57cd..221254014b 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/symbol/split/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/symbol/split/index.html @@ -19,11 +19,11 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Symbol/split <p>[Symbol.split]指向‘aba’.split(/a/)</p> -<pre class="brush: js notranslate">/a/[Symbol.split]('aba',3)</pre> +<pre class="brush: js">/a/[Symbol.split]('aba',3)</pre> <p>"dayinlove".split(exp)调用[Symbol.split](str)处理，并把实参"dayinlove"传给形参str</p> -<pre class="brush: js notranslate">var exp = { +<pre class="brush: js">var exp = { pat:'in', [Symbol.split](str) { return str.split(this.pat); diff --git a/files/zh-cn/web/javascript/reference/global_objects/typedarray/foreach/index.html b/files/zh-cn/web/javascript/reference/global_objects/typedarray/foreach/index.html index 801df8bed5..b88d1af965 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/typedarray/foreach/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/typedarray/foreach/index.html @@ -9,7 +9,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/TypedArray/forEach <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><code><var>typedarray</var>.forEach(<var>callback</var>[, <var>thisArg</var>])</code></pre> +<pre class="syntaxbox"><code><var>typedarray</var>.forEach(<var>callback</var>[, <var>thisArg</var>])</code></pre> <h3 id="参数">参数</h3> @@ -57,7 +57,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/TypedArray/forEach <p>下面的代码为数组中的每个元素记录一行日志：</p> -<pre class="brush:js notranslate">function logArrayElements(element, index, array) { +<pre class="brush:js">function logArrayElements(element, index, array) { console.log('a[' + index + '] = ' + element); } diff --git a/files/zh-cn/web/javascript/reference/global_objects/typedarray/set/index.html b/files/zh-cn/web/javascript/reference/global_objects/typedarray/set/index.html index 3ba2095fbf..44e1793347 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/typedarray/set/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/typedarray/set/index.html @@ -9,7 +9,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/TypedArray/set <h2 id="语法">语法</h2> -<pre class="notranslate"><var>typedarray</var>.set(<em>array</em>[, <em>offset</em>]) +<pre><var>typedarray</var>.set(<em>array</em>[, <em>offset</em>]) <em>typedarray</em>.set(<em>typedarray</em>[, <em>offset</em>])</pre> <h3 id="参数">参数</h3> @@ -35,7 +35,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/TypedArray/set <h3 id="使用_set">使用 <code>set()</code></h3> -<pre class="brush:js notranslate">var buffer = new ArrayBuffer(8); +<pre class="brush:js">var buffer = new ArrayBuffer(8); var uint8 = new Uint8Array(buffer); uint8.set([1,2,3], 3); diff --git a/files/zh-cn/web/javascript/reference/global_objects/uint16array/index.html b/files/zh-cn/web/javascript/reference/global_objects/uint16array/index.html index 9479c4831e..62adba345b 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/uint16array/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/uint16array/index.html @@ -106,7 +106,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Uint16Array <h3 id="Different_ways_to_create_a_Uint16Array">Different ways to create a Uint16Array</h3> -<pre class="brush: js notranslate">// 长度 +<pre class="brush: js">// 长度 var uint16 = new Uint16Array(2); uint16[0] = 42; console.log(uint16[0]); // 42 diff --git a/files/zh-cn/web/javascript/reference/global_objects/uint8clampedarray/index.html b/files/zh-cn/web/javascript/reference/global_objects/uint8clampedarray/index.html index 86028a8fb9..d4a018398c 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/uint8clampedarray/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/uint8clampedarray/index.html @@ -9,7 +9,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Uint8ClampedArray <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">new Uint8ClampedArray(length); +<pre class="syntaxbox">new Uint8ClampedArray(length); new Uint8ClampedArray(typedArray); new Uint8ClampedArray(object); new Uint8ClampedArray(buffer [, byteOffset [, length]]);</pre> @@ -120,7 +120,7 @@ new Uint8ClampedArray(buffer [, byteOffset [, length]]);</pre> <p>创建一个 <code>Uint8ClampedArray</code> 的不同方式：</p> -<pre class="brush: js notranslate">// From a length +<pre class="brush: js">// From a length var uintc8 = new Uint8ClampedArray(2); uintc8[0] = 42; uintc8[1] = 1337; @@ -265,11 +265,11 @@ var uintc8 = new Uint8ClampedArray(iterable); <p>从 ECMAScript 2015 开始， <code>Uint8ClampedArray</code> 构造函数需要用一个 {{jsxref("Operators/new", "new")}} 操作符来构建。从现在开始，不使用 <code>new</code> 来调用一个 <code>Uint8ClampedArray</code> 构造函数将会抛出一个 {{jsxref("TypeError")}}。</p> -<pre class="brush: js example-bad notranslate">var dv = Uint8ClampedArray([1, 2, 3]); +<pre class="brush: js example-bad">var dv = Uint8ClampedArray([1, 2, 3]); // TypeError: calling a builtin Uint8ClampedArray constructor // without new is forbidden</pre> -<pre class="brush: js example-good notranslate">var dv = new Uint8ClampedArray([1, 2, 3]);</pre> +<pre class="brush: js example-good">var dv = new Uint8ClampedArray([1, 2, 3]);</pre> <h2 id="参见">参见</h2> diff --git a/files/zh-cn/web/javascript/reference/global_objects/unescape/index.html b/files/zh-cn/web/javascript/reference/global_objects/unescape/index.html index 4577d2f5cc..85746f1bc3 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/unescape/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/unescape/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/unescape <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><code>unescape(str)</code></pre> +<pre class="syntaxbox"><code>unescape(str)</code></pre> <h3 id="参数">参数</h3> @@ -32,7 +32,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/unescape <h2 id="示例">示例</h2> -<pre class="brush: js notranslate">unescape('abc123'); // "abc123" +<pre class="brush: js">unescape('abc123'); // "abc123" unescape('%E4%F6%FC'); // "äöü" unescape('%u0107'); // "ć" </pre> diff --git a/files/zh-cn/web/javascript/reference/global_objects/weakref/deref/index.html b/files/zh-cn/web/javascript/reference/global_objects/weakref/deref/index.html index 9d9fdbdba1..2d4cf7f3b6 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/weakref/deref/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/weakref/deref/index.html @@ -11,7 +11,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/WeakRef/deref <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><code><var>obj</var> = <var>ref</var>.deref();</code> +<pre class="syntaxbox"><code><var>obj</var> = <var>ref</var>.deref();</code> </pre> <h3 id="返回值">返回值</h3> @@ -28,7 +28,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/WeakRef/deref <p>有关<a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakRef#Examples">完整示例</a>，请参阅{{jsxref("WeakRef")}}页面的示例部分。</p> -<pre class="brush: js notranslate">const tick = () => { +<pre class="brush: js">const tick = () => { // Get the element from the weak reference, if it still exists const element = this.ref.deref(); if (element) { diff --git a/files/zh-cn/web/javascript/reference/global_objects/weakref/index.html b/files/zh-cn/web/javascript/reference/global_objects/weakref/index.html index 91452cd75f..9f9f275816 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/weakref/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/weakref/index.html @@ -68,7 +68,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/WeakRef <p>这个例子演示了在一个DOM元素中启动一个计数器，当这个元素不存在时停止:</p> -<pre class="brush: js notranslate">class Counter { +<pre class="brush: js">class Counter { constructor(element) { // Remember a weak reference to the DOM element this.ref = new WeakRef(element); diff --git a/files/zh-cn/web/javascript/reference/global_objects/webassembly/global/index.html b/files/zh-cn/web/javascript/reference/global_objects/webassembly/global/index.html index 3366032120..d8577bae83 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/webassembly/global/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/webassembly/global/index.html @@ -43,7 +43,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Global <p>global的值发生改变, 首先设置<code>Global.value</code> 为42, 然后使用导出函数 <code>incGlobal()</code> 增加为43. 导出函数在 <code>global.wasm</code> 模块中(它将参数的值加一并返回).</p> -<pre class="brush: js notranslate">const output = document.getElementById('output'); +<pre class="brush: js">const output = document.getElementById('output'); function assertEq(msg, got, expected) { output.innerHTML += `Testing ${msg}: `; diff --git a/files/zh-cn/web/javascript/reference/global_objects/webassembly/instance/index.html b/files/zh-cn/web/javascript/reference/global_objects/webassembly/instance/index.html index 44dec6610b..de15cec004 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/webassembly/instance/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/webassembly/instance/index.html @@ -21,7 +21,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Instance <p><strong>重要</strong>: 由于大型模块的实例化代价极高， 开发人员应只在必须同步实例化的时候，才使用<code>Instance()</code>；绝大多数情况应该使用异步方法{{jsxref("WebAssembly.instantiate()")}} .</p> </div> -<pre class="syntaxbox notranslate">var myInstance = new WebAssembly.Instance(<em>module</em>, <em>importObject</em>);</pre> +<pre class="syntaxbox">var myInstance = new WebAssembly.Instance(<em>module</em>, <em>importObject</em>);</pre> <h3 id="参数">参数</h3> diff --git a/files/zh-cn/web/javascript/reference/global_objects/webassembly/table/index.html b/files/zh-cn/web/javascript/reference/global_objects/webassembly/table/index.html index 9582758e32..9be0f967cd 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/webassembly/table/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/webassembly/table/index.html @@ -15,7 +15,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">var myTable = new WebAssembly.Table(tableDescriptor);</pre> +<pre class="syntaxbox">var myTable = new WebAssembly.Table(tableDescriptor);</pre> <h3 id="参数">参数</h3> @@ -68,14 +68,14 @@ translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table <p>The following example (see table2.html <a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/table2.html">source code</a> and <a href="https://mdn.github.io/webassembly-examples/js-api-examples/table2.html">live version</a>) creates a new WebAssembly Table instance with an initial size of 2 elements. We then print out the table length and contents of the two indexes (retrieved via {{jsxref("WebAssembly/Table/get", "Table.prototype.get()")}} to show that the length is two and both elements are {{jsxref("null")}}.</p> -<pre class="brush: js notranslate">var tbl = new WebAssembly.Table({initial:2, element:"anyfunc"}); +<pre class="brush: js">var tbl = new WebAssembly.Table({initial:2, element:"anyfunc"}); console.log(tbl.length); // "2" console.log(tbl.get(0)); // "null" console.log(tbl.get(1)); // "null"</pre> <p>We then create an import object that contains the table:</p> -<pre class="brush: js notranslate">var importObj = { +<pre class="brush: js">var importObj = { js: { tbl:tbl } @@ -83,7 +83,7 @@ console.log(tbl.get(1)); // "null"</pre> <p>Finally, we load and instantiate a wasm module (table2.wasm) using the {{jsxref("WebAssembly.instantiateStreaming()")}} method. The table2.wasm module contains two functions (one that returns 42 and another that returns 83) and stores both into elements 0 and 1 of the imported table (see <a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/table2.wat">text representation</a>). So after instantiation, the table still has length 2, but the elements now contain callable <a href="/en-US/docs/WebAssembly/Exported_functions">Exported WebAssembly Functions</a> which we can call from JS.</p> -<pre class="brush: js notranslate">WebAssembly.instantiateStreaming(fetch('table2.wasm'), importObject) +<pre class="brush: js">WebAssembly.instantiateStreaming(fetch('table2.wasm'), importObject) .then(function(obj) { console.log(tbl.length); console.log(tbl.get(0)()); diff --git a/files/zh-cn/web/javascript/reference/iteration_protocols/index.html b/files/zh-cn/web/javascript/reference/iteration_protocols/index.html index 975c55a7fe..d55dfd4111 100644 --- a/files/zh-cn/web/javascript/reference/iteration_protocols/index.html +++ b/files/zh-cn/web/javascript/reference/iteration_protocols/index.html @@ -84,7 +84,7 @@ translation_of: Web/JavaScript/Reference/Iteration_protocols <p>这样做允许一个迭代器能被各种需要可迭代对象的语法所使用。因此，很少会只实现迭代器协议，而不实现可迭代协议。</p> -<pre class="brush: js example-good notranslate"><code>var myIterator = { +<pre class="brush: js example-good"><code>var myIterator = { next: function() { // ... }, @@ -96,13 +96,13 @@ translation_of: Web/JavaScript/Reference/Iteration_protocols <p>{{jsxref("String")}} 是一个内置的可迭代对象：</p> -<pre class="brush: js notranslate">let someString = "hi"; +<pre class="brush: js">let someString = "hi"; typeof someString[Symbol.iterator]; // "function" </pre> <p><code>String</code> 的默认迭代器会依次返回该字符串的各码点（code point）：</p> -<pre class="brush: js notranslate">let iterator = someString[Symbol.iterator](); +<pre class="brush: js">let iterator = someString[Symbol.iterator](); iterator + ""; // "[object String Iterator]" iterator.next(); // { value: "h", done: false } @@ -111,11 +111,11 @@ iterator.next(); // { value: undefined, done: true } <p>一些内置的语法结构——比如{{jsxref("Operators/Spread_operator", "展开语法")}}——其内部实现也使用了同样的迭代协议：</p> -<pre class="brush: js notranslate">[...someString] // ["h", "i"]</pre> +<pre class="brush: js">[...someString] // ["h", "i"]</pre> <p>我们可以通过提供自己的 <code>@@iterator</code> 方法，重新定义迭代行为：</p> -<pre class="brush: js notranslate">// 必须构造 String 对象以避免字符串字面量 auto-boxing +<pre class="brush: js">// 必须构造 String 对象以避免字符串字面量 auto-boxing var someString = new String("hi"); someString[Symbol.iterator] = function() { return { // 只返回一次元素，字符串 "bye"，的迭代器对象 @@ -134,7 +134,7 @@ someString[Symbol.iterator] = function() { <p>注意重新定义的 <code>@@iterator</code> 方法是如何影响内置语法结构的行为的：</p> -<pre class="brush: js notranslate">[...someString]; // ["bye"] +<pre class="brush: js">[...someString]; // ["bye"] someString + ""; // "hi" </pre> @@ -148,7 +148,7 @@ someString + ""; // "hi" <p>我们可以实现一个自己的可迭代对象，就像这样:</p> -<pre class="brush: js notranslate">var myIterable = {}; +<pre class="brush: js">var myIterable = {}; myIterable[Symbol.iterator] = function* () { yield 1; yield 2; @@ -168,7 +168,7 @@ myIterable[Symbol.iterator] = function* () { <li>{{jsxref("WeakSet", "new WeakSet([<var>iterable</var>])")}}</li> </ul> -<pre class="notranslate">new Map([[1, 'a'], [2, 'b'], [3, 'c']]).get(2); // "b" +<pre>new Map([[1, 'a'], [2, 'b'], [3, 'c']]).get(2); // "b" let myObj = {}; @@ -200,7 +200,7 @@ new WeakSet(function* () { <p>一些语句和表达式需要可迭代对象，比如 {{jsxref("Statements/for...of", "for...of")}} 循环、{{jsxref("Operators/Spread_syntax", "展开语法")}}、{{jsxref("Operators/yield*", "yield*")}}，和{{jsxref("Operators/Destructuring_assignment", "解构赋值")}}。</p> -<pre class="brush: js notranslate">for(let value of ["a", "b", "c"]){ +<pre class="brush: js">for(let value of ["a", "b", "c"]){ console.log(value); } // "a" @@ -226,7 +226,7 @@ a // "a" <p>使用这样的可迭代对象很可能会导致如下的运行时（runtime）异常，或者不可预料的表现：</p> -<pre class="brush: js example-bad notranslate">var nonWellFormedIterable = {} +<pre class="brush: js example-bad">var nonWellFormedIterable = {} nonWellFormedIterable[Symbol.iterator] = () => 1 [...nonWellFormedIterable] // TypeError: [] is not a function </pre> @@ -235,7 +235,7 @@ nonWellFormedIterable[Symbol.iterator] = () => 1 <h3 id="简单迭代器">简单迭代器</h3> -<pre class="brush: js notranslate">function makeIterator(array) { +<pre class="brush: js">function makeIterator(array) { let nextIndex = 0; return { next: function () { @@ -258,7 +258,7 @@ console.log(it.next().done); // true <h3 id="无穷迭代器">无穷迭代器</h3> -<pre class="brush: js notranslate">function idMaker() { +<pre class="brush: js">function idMaker() { let index = 0; return { next: function() { @@ -280,7 +280,7 @@ console.log(it.next().value); // '2' <h3 id="使用生成器">使用生成器</h3> -<pre class="brush: js notranslate">function* makeSimpleGenerator(array) { +<pre class="brush: js">function* makeSimpleGenerator(array) { let nextIndex = 0; while(nextIndex < array.length) { @@ -313,7 +313,7 @@ console.log(gen.next().value); // '2' <h3 id="ES2015_类_class_中的迭代器">ES2015 类 class 中的迭代器</h3> -<pre class="brush: js notranslate">class SimpleClass { +<pre class="brush: js">class SimpleClass { constructor(data) { this.data = data } @@ -347,7 +347,7 @@ for (const val of simple) { <p>{{jsxref("Generator", "生成器")}}对象既是迭代器，也是可迭代对象:</p> -<pre class="brush: js notranslate">let aGeneratorObject = function* (){ +<pre class="brush: js">let aGeneratorObject = function* (){ yield 1; yield 2; yield 3; diff --git a/files/zh-cn/web/javascript/reference/operators/addition/index.html b/files/zh-cn/web/javascript/reference/operators/addition/index.html index c3726a9413..db323029cc 100644 --- a/files/zh-cn/web/javascript/reference/operators/addition/index.html +++ b/files/zh-cn/web/javascript/reference/operators/addition/index.html @@ -16,14 +16,14 @@ original_slug: Web/JavaScript/Reference/Operators/相加 <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><strong>表达式:</strong> <var>x</var> + <var>y</var> +<pre class="syntaxbox"><strong>表达式:</strong> <var>x</var> + <var>y</var> </pre> <h2 id="示例">示例</h2> <h3 id="数字的相加运算">数字的相加运算</h3> -<pre class="brush: js notranslate">// Number + Number -> addition +<pre class="brush: js">// Number + Number -> addition 1 + 2 // 3 // Boolean + Number -> addition @@ -35,7 +35,7 @@ false + false // 0 <h3 id="字符串相加运算">字符串相加运算</h3> -<pre class="brush: js notranslate">// String + String -> concatenation +<pre class="brush: js">// String + String -> concatenation 'foo' + 'bar' // "foobar" // Number + String -> concatenation diff --git a/files/zh-cn/web/javascript/reference/operators/addition_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/addition_assignment/index.html index 9469f0f0b7..5732d5c473 100644 --- a/files/zh-cn/web/javascript/reference/operators/addition_assignment/index.html +++ b/files/zh-cn/web/javascript/reference/operators/addition_assignment/index.html @@ -17,14 +17,14 @@ translation_of: Web/JavaScript/Reference/Operators/Addition_assignment <h2 id="Syntax">Syntax</h2> -<pre class="syntaxbox notranslate"><strong>Operator:</strong> x += y +<pre class="syntaxbox"><strong>Operator:</strong> x += y <strong>Meaning:</strong> x = x + y</pre> <h2 id="Examples">Examples</h2> <h3 id="Using_addition_assignment">Using addition assignment</h3> -<pre class="brush: js notranslate">// Assuming the following variables +<pre class="brush: js">// Assuming the following variables // foo = 'foo' // bar = 5 // baz = true diff --git a/files/zh-cn/web/javascript/reference/operators/assignment/index.html b/files/zh-cn/web/javascript/reference/operators/assignment/index.html index 8c981fe11e..b03fcf3224 100644 --- a/files/zh-cn/web/javascript/reference/operators/assignment/index.html +++ b/files/zh-cn/web/javascript/reference/operators/assignment/index.html @@ -21,14 +21,14 @@ translation_of: Web/JavaScript/Reference/Operators/Assignment <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><strong>Operator:</strong> x = y +<pre class="syntaxbox"><strong>Operator:</strong> x = y </pre> <h2 id="示例">示例</h2> <h3 id="简单赋值和链式赋值">简单赋值和链式赋值</h3> -<pre class="brush: js notranslate">// 假设已经存在以下变量 +<pre class="brush: js">// 假设已经存在以下变量 // x = 5 // y = 10 // z = 25 diff --git a/files/zh-cn/web/javascript/reference/operators/await/index.html b/files/zh-cn/web/javascript/reference/operators/await/index.html index 0183f4d7ae..8b07b23e41 100644 --- a/files/zh-cn/web/javascript/reference/operators/await/index.html +++ b/files/zh-cn/web/javascript/reference/operators/await/index.html @@ -15,7 +15,7 @@ translation_of: Web/JavaScript/Reference/Operators/await <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">[返回值] = await 表达式;</pre> +<pre class="syntaxbox">[返回值] = await 表达式;</pre> <dl> <dt>表达式</dt> @@ -38,7 +38,7 @@ translation_of: Web/JavaScript/Reference/Operators/await <p>如果一个 Promise 被传递给一个 await 操作符，await 将等待 Promise 正常处理完成并返回其处理结果。</p> -<pre class="brush: js notranslate">function resolveAfter2Seconds(x) { +<pre class="brush: js">function resolveAfter2Seconds(x) { return new Promise(resolve => { setTimeout(() => { resolve(x); @@ -56,7 +56,7 @@ f1(); <p>如果该值不是一个 Promise，await 会把该值转换为已正常处理的Promise，然后等待其处理结果。</p> -<pre class="brush: js notranslate">async function f2() { +<pre class="brush: js">async function f2() { var y = await 20; console.log(y); // 20 } @@ -65,7 +65,7 @@ f2(); <p>如果 Promise 处理异常，则异常值被抛出。</p> -<pre class="brush: js notranslate">async function f3() { +<pre class="brush: js">async function f3() { try { var z = await Promise.reject(30); } catch (e) { diff --git a/files/zh-cn/web/javascript/reference/operators/bitwise_and/index.html b/files/zh-cn/web/javascript/reference/operators/bitwise_and/index.html index 9010ddf09b..c857ac2b41 100644 --- a/files/zh-cn/web/javascript/reference/operators/bitwise_and/index.html +++ b/files/zh-cn/web/javascript/reference/operators/bitwise_and/index.html @@ -14,14 +14,14 @@ original_slug: Web/JavaScript/Reference/Operators/按位与 <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><code><var>a</var> & <var>b</var></code> +<pre class="syntaxbox"><code><var>a</var> & <var>b</var></code> </pre> <h2 id="描述">描述</h2> <p>操作数被转换为32位整数，并由一系列位（0和1）表示。 超过32位的数字将丢弃其最高有效位。 例如，以下大于32位的整数将被转换为32位整数：</p> -<pre class="brush: js notranslate">Before: 11100110111110100000000000000110000000000001 +<pre class="brush: js">Before: 11100110111110100000000000000110000000000001 After: 10100000000000000110000000000001</pre> <p>第一个操作数中的每个位都与第二个操作数中的相应位配对：第一位到第一位，第二位到第二位，依此类推。</p> @@ -62,7 +62,7 @@ After: 10100000000000000110000000000001</pre> </tbody> </table> -<pre class="brush: js notranslate">. 9 (base 10) = 00000000000000000000000000001001 (base 2) +<pre class="brush: js">. 9 (base 10) = 00000000000000000000000000001001 (base 2) 14 (base 10) = 00000000000000000000000000001110 (base 2) -------------------------------- 14 & 9 (base 10) = 00000000000000000000000000001000 (base 2) = 8 (base 10) @@ -74,7 +74,7 @@ After: 10100000000000000110000000000001</pre> <h3 id="使用按位与">使用按位与</h3> -<pre class="brush: js notranslate">// 5: 00000000000000000000000000000101 +<pre class="brush: js">// 5: 00000000000000000000000000000101 // 2: 00000000000000000000000000000010 5 & 2; // 0</pre> diff --git a/files/zh-cn/web/javascript/reference/operators/bitwise_and_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/bitwise_and_assignment/index.html index 5c92f0196c..05df4461d6 100644 --- a/files/zh-cn/web/javascript/reference/operators/bitwise_and_assignment/index.html +++ b/files/zh-cn/web/javascript/reference/operators/bitwise_and_assignment/index.html @@ -19,7 +19,7 @@ translation_of: Web/JavaScript/Reference/Operators/Bitwise_AND_assignment <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><strong>Operator:</strong> x &= y +<pre class="syntaxbox"><strong>Operator:</strong> x &= y <strong>Meaning:</strong> x = x & y </pre> @@ -27,7 +27,7 @@ translation_of: Web/JavaScript/Reference/Operators/Bitwise_AND_assignment <h3 id="按位与赋值运算">按位与赋值运算</h3> -<pre class="brush: js notranslate">let a = 5; +<pre class="brush: js">let a = 5; // 5: 00000000000000000000000000000101 // 2: 00000000000000000000000000000010 a &= 2; // 0</pre> diff --git a/files/zh-cn/web/javascript/reference/operators/bitwise_not/index.html b/files/zh-cn/web/javascript/reference/operators/bitwise_not/index.html index ff285826b0..416bb69347 100644 --- a/files/zh-cn/web/javascript/reference/operators/bitwise_not/index.html +++ b/files/zh-cn/web/javascript/reference/operators/bitwise_not/index.html @@ -19,14 +19,14 @@ translation_of: Web/JavaScript/Reference/Operators/Bitwise_NOT <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><code><var>~a</var></code> +<pre class="syntaxbox"><code><var>~a</var></code> </pre> <h2 id="描述">描述</h2> <p>操作数被转换为32位二进制表示（0和1）。超过32位的数字将丢弃其最高有效位。如下例子中，超过32位的整数转换为32位整数：</p> -<pre class="brush: js notranslate">Before: 11100110111110100000000000000110000000000001 +<pre class="brush: js">Before: 11100110111110100000000000000110000000000001 After: 10100000000000000110000000000001</pre> <p>第一个操作数中的每个位都与第二个操作数中的相应位配对：第一位到第一位，第二位到第二位，依此类推。</p> @@ -54,7 +54,7 @@ After: 10100000000000000110000000000001</pre> </tbody> </table> -<pre class="brush: js notranslate"> 9 (base 10) = 00000000000000000000000000001001 (base 2) +<pre class="brush: js"> 9 (base 10) = 00000000000000000000000000001001 (base 2) -------------------------------- ~9 (base 10) = 11111111111111111111111111110110 (base 2) = -10 (base 10) </pre> @@ -69,7 +69,7 @@ After: 10100000000000000110000000000001</pre> <h3 id="使用按位取反">使用按位取反</h3> -<pre class="brush: js notranslate">~0; // -1 +<pre class="brush: js">~0; // -1 ~-1; // 0 ~1; // -2 </pre> diff --git a/files/zh-cn/web/javascript/reference/operators/bitwise_or/index.html b/files/zh-cn/web/javascript/reference/operators/bitwise_or/index.html index dcd9c54de0..245da8fdab 100644 --- a/files/zh-cn/web/javascript/reference/operators/bitwise_or/index.html +++ b/files/zh-cn/web/javascript/reference/operators/bitwise_or/index.html @@ -13,14 +13,14 @@ translation_of: Web/JavaScript/Reference/Operators/Bitwise_OR <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><code><var>a</var> | <var>b</var></code> +<pre class="syntaxbox"><code><var>a</var> | <var>b</var></code> </pre> <h2 id="描述">描述</h2> <p>The operands are converted to 32-bit integers and expressed by a series of bits (zeroes and ones). Numbers with more than 32 bits get their most significant bits discarded. For example, the following integer with more than 32 bits will be converted to a 32 bit integer:</p> -<pre class="brush: js notranslate">Before: 11100110111110100000000000000110000000000001 +<pre class="brush: js">Before: 11100110111110100000000000000110000000000001 After: 10100000000000000110000000000001</pre> <p>Each bit in the first operand is paired with the corresponding bit in the second operand: <em>first bit</em> to <em>first bit</em>, <em>second bit</em> to <em>second bit</em>, and so on.</p> @@ -61,7 +61,7 @@ After: 10100000000000000110000000000001</pre> </tbody> </table> -<pre class="brush: js notranslate">. 9 (base 10) = 00000000000000000000000000001001 (base 2) +<pre class="brush: js">. 9 (base 10) = 00000000000000000000000000001001 (base 2) 14 (base 10) = 00000000000000000000000000001110 (base 2) -------------------------------- 14 | 9 (base 10) = 00000000000000000000000000001111 (base 2) = 15 (base 10) @@ -73,7 +73,7 @@ After: 10100000000000000110000000000001</pre> <h3 id="Using_bitwise_OR">Using bitwise OR</h3> -<pre class="brush: js notranslate">// 9 (00000000000000000000000000001001) +<pre class="brush: js">// 9 (00000000000000000000000000001001) // 14 (00000000000000000000000000001110) 14 | 9; diff --git a/files/zh-cn/web/javascript/reference/operators/bitwise_or_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/bitwise_or_assignment/index.html index 752a80154a..fad4f94082 100644 --- a/files/zh-cn/web/javascript/reference/operators/bitwise_or_assignment/index.html +++ b/files/zh-cn/web/javascript/reference/operators/bitwise_or_assignment/index.html @@ -13,14 +13,14 @@ translation_of: Web/JavaScript/Reference/Operators/Bitwise_OR_assignment <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><strong>Operator:</strong> x |= y +<pre class="syntaxbox"><strong>Operator:</strong> x |= y <strong>Meaning:</strong> x = x | y</pre> <h2 id="Examples">Examples</h2> <h3 id="Using_bitwise_OR_assignment">Using bitwise OR assignment</h3> -<pre class="brush: js notranslate">let a = 5; +<pre class="brush: js">let a = 5; a |= 2; // 7 // 5: 00000000000000000000000000000101 // 2: 00000000000000000000000000000010 diff --git a/files/zh-cn/web/javascript/reference/operators/bitwise_xor/index.html b/files/zh-cn/web/javascript/reference/operators/bitwise_xor/index.html index c2fa597627..e68e1d436b 100644 --- a/files/zh-cn/web/javascript/reference/operators/bitwise_xor/index.html +++ b/files/zh-cn/web/javascript/reference/operators/bitwise_xor/index.html @@ -13,14 +13,14 @@ translation_of: Web/JavaScript/Reference/Operators/Bitwise_XOR <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><code><var>a</var> ^ <var>b</var></code> +<pre class="syntaxbox"><code><var>a</var> ^ <var>b</var></code> </pre> <h2 id="描述">描述</h2> <p>The operands are converted to 32-bit integers and expressed by a series of bits (zeroes and ones). Numbers with more than 32 bits get their most significant bits discarded. For example, the following integer with more than 32 bits will be converted to a 32 bit integer:</p> -<pre class="brush: js notranslate">Before: 11100110111110100000000000000110000000000001 +<pre class="brush: js">Before: 11100110111110100000000000000110000000000001 After: 10100000000000000110000000000001</pre> <p>Each bit in the first operand is paired with the corresponding bit in the second operand: <em>first bit</em> to <em>first bit</em>, <em>second bit</em> to <em>second bit</em>, and so on.</p> @@ -61,7 +61,7 @@ After: 10100000000000000110000000000001</pre> </tbody> </table> -<pre class="brush: js notranslate">. 9 (base 10) = 00000000000000000000000000001001 (base 2) +<pre class="brush: js">. 9 (base 10) = 00000000000000000000000000001001 (base 2) 14 (base 10) = 00000000000000000000000000001110 (base 2) -------------------------------- 14 ^ 9 (base 10) = 00000000000000000000000000000111 (base 2) = 7 (base 10) @@ -73,7 +73,7 @@ After: 10100000000000000110000000000001</pre> <h3 id="Using_bitwise_XOR">Using bitwise XOR</h3> -<pre class="brush: js notranslate">// 9 (00000000000000000000000000001001) +<pre class="brush: js">// 9 (00000000000000000000000000001001) // 14 (00000000000000000000000000001110) 14 ^ 9; diff --git a/files/zh-cn/web/javascript/reference/operators/bitwise_xor_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/bitwise_xor_assignment/index.html index 7257e9cdb5..d8601d9eba 100644 --- a/files/zh-cn/web/javascript/reference/operators/bitwise_xor_assignment/index.html +++ b/files/zh-cn/web/javascript/reference/operators/bitwise_xor_assignment/index.html @@ -15,14 +15,14 @@ translation_of: Web/JavaScript/Reference/Operators/Bitwise_XOR_assignment <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><strong>Operator:</strong> x ^= y +<pre class="syntaxbox"><strong>Operator:</strong> x ^= y <strong>Meaning:</strong> x = x ^ y</pre> <h2 id="例子">例子</h2> <h3 id="使用按位异或赋值">使用按位异或赋值</h3> -<pre class="brush: js notranslate">let a = 5; // 00000000000000000000000000000101 +<pre class="brush: js">let a = 5; // 00000000000000000000000000000101 a ^= 3; // 00000000000000000000000000000011 console.log(a); // 00000000000000000000000000000110 diff --git a/files/zh-cn/web/javascript/reference/operators/decrement/index.html b/files/zh-cn/web/javascript/reference/operators/decrement/index.html index aca67c15f9..8103a647d1 100644 --- a/files/zh-cn/web/javascript/reference/operators/decrement/index.html +++ b/files/zh-cn/web/javascript/reference/operators/decrement/index.html @@ -22,7 +22,7 @@ original_slug: Web/JavaScript/Reference/Operators/自减 <h2 id="语法"><br> 语法</h2> -<pre class="syntaxbox notranslate"><strong>操作符:</strong> <var>x</var>-- or --<var>x</var> +<pre class="syntaxbox"><strong>操作符:</strong> <var>x</var>-- or --<var>x</var> </pre> <h2 id="语法细节">语法细节</h2> @@ -35,7 +35,7 @@ original_slug: Web/JavaScript/Reference/Operators/自减 <h3 id="后缀式">后缀式</h3> -<pre class="brush: js notranslate">let x = 3; +<pre class="brush: js">let x = 3; y = x--; // y = 3 @@ -44,7 +44,7 @@ y = x--; <h3 id="前缀式">前缀式</h3> -<pre class="brush: js notranslate">let a = 2; +<pre class="brush: js">let a = 2; b = --a; // a = 1 diff --git a/files/zh-cn/web/javascript/reference/operators/delete/index.html b/files/zh-cn/web/javascript/reference/operators/delete/index.html index f460f0e268..ce9d2120a4 100644 --- a/files/zh-cn/web/javascript/reference/operators/delete/index.html +++ b/files/zh-cn/web/javascript/reference/operators/delete/index.html @@ -20,12 +20,12 @@ translation_of: Web/JavaScript/Reference/Operators/delete <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox notranslate">delete <em>expression</em> +<pre class="syntaxbox">delete <em>expression</em> </pre> <p> <em>expression</em> 的计算结果应该是某个属性的引用，例如：</p> -<pre class="syntaxbox notranslate">delete <em>object.property</em> +<pre class="syntaxbox">delete <em>object.property</em> delete <em>object</em>['<em>property</em>'] </pre> @@ -72,7 +72,7 @@ delete <em>object</em>['<em>property</em>'] <p>下面的代码块给出了一个简单的例子：</p> -<pre class="brush: js notranslate">var Employee = { +<pre class="brush: js">var Employee = { age: 28, name: 'abc', designation: 'developer' @@ -89,14 +89,14 @@ console.log(delete Employee.salary); // returns true</pre> <p>当一个属性被设置为不可设置，delete操作将不会有任何效果，并且会返回false。在严格模式下会抛出语法错误（{{jsxref("SyntaxError")}}）。</p> -<pre class="brush: js notranslate">var Employee = {}; +<pre class="brush: js">var Employee = {}; Object.defineProperty(Employee, 'name', {configurable: false}); console.log(delete Employee.name); // returns false</pre> <p>{{jsxref("Statements/var","var")}}, {{jsxref("Statements/let","let")}}以及{{jsxref("Statements/const","const")}}创建的不可设置的属性不能被delete操作删除。</p> -<pre class="brush: js notranslate">var nameOther = 'XYZ'; +<pre class="brush: js">var nameOther = 'XYZ'; // 通过以下方法获取全局属性: Object.getOwnPropertyDescriptor(window, 'nameOther'); @@ -116,7 +116,7 @@ delete nameOther; // return false</pre> <p>在严格模式下，如果对一个变量的直接引用、函数的参数或者函数名使用delete操作，将会抛出语法错误（{{jsxref("SyntaxError")}}）。因此，为避免严格模式下的语法错误，必须以<code>delete object.property</code>或<code>delete object['property']</code>的形式使用delete运算符。</p> -<pre class="brush: js notranslate">Object.defineProperty(globalThis, 'variable1', { value: 10, configurable: true, }); +<pre class="brush: js">Object.defineProperty(globalThis, 'variable1', { value: 10, configurable: true, }); Object.defineProperty(globalThis, 'variable2', { value: 10, configurable: false, }); console.log(delete variable1); // true @@ -125,7 +125,7 @@ console.log(delete variable1); // true console.log(delete variable2); // false </pre> -<pre class="brush: js notranslate">function func(param) { +<pre class="brush: js">function func(param) { // SyntaxError in strict mode. console.log(delete param); // false } @@ -140,7 +140,7 @@ console.log(delete func); // false <p>任何使用var声明的变量都会被标记为不可设置的。在下面的例子中，salary是不可设置的以及不能被删除的。在非严格模式下，下面的delete操作将会返回false。</p> -<pre class="brush: js notranslate">function Employee() { +<pre class="brush: js">function Employee() { delete salary; var salary; } @@ -149,7 +149,7 @@ Employee();</pre> <p>让我们来看看相同的代码在严格模式下会有怎样的表现。会抛出一个语法错误（ <code>SyntaxError）而不是返回false。</code></p> -<pre class="brush: js notranslate">"use strict"; +<pre class="brush: js">"use strict"; function Employee() { delete salary; // SyntaxError @@ -167,7 +167,7 @@ delete DemoFunction; // SyntaxError</pre> <h2 id="示例">示例</h2> -<pre class="brush: js notranslate">// 在全局作用域创建 adminName 属性 +<pre class="brush: js">// 在全局作用域创建 adminName 属性 adminName = 'xyz'; // 在全局作用域创建 empCount 属性 @@ -213,7 +213,7 @@ function f() { <p>在下面的示例中，我们删除一个对象的自己的属性，而原型链上具有相同名称的属性可用：</p> -<pre class="brush: js notranslate">function Foo() { +<pre class="brush: js">function Foo() { this.bar = 10; } @@ -240,7 +240,7 @@ console.log(foo.bar); //undefined <p>当用 <code>delete</code> 操作符删除一个数组元素时，被删除的元素已经不再属于该数组。下面的例子中用 <code>delete </code>删除了<code> trees[3]</code>。</p> -<pre class="brush: js notranslate">var trees = ["redwood","bay","cedar","oak","maple"]; +<pre class="brush: js">var trees = ["redwood","bay","cedar","oak","maple"]; delete trees[3]; if (3 in trees) { // 这里不会执行 @@ -249,7 +249,7 @@ if (3 in trees) { <p>如果你想让一个数组元素继续存在但是其值是 <code>undefined</code>，那么可以使用将 <code>undefined</code> 赋值给这个元素而不是使用 <code>delete</code>。下面的例子中，trees[3] 被赋值为 <code>undefined</code>，但该元素仍然存在。</p> -<pre class="brush: js notranslate">var trees = ["redwood","bay","cedar","oak","maple"]; +<pre class="brush: js">var trees = ["redwood","bay","cedar","oak","maple"]; trees[3] = undefined; if (3 in trees) { // 这里会被执行 @@ -257,7 +257,7 @@ if (3 in trees) { <p>如果你想通过改变数组的内容来移除一个数组元素，请使用{{jsxref("Array.splice()", "splice()")}} 方法。在下面的例子中，通过使用{{jsxref("Array.splice()", "splice()")}}，将trees[3]从数组中移除。</p> -<pre class="brush: js notranslate">var trees = ['redwood', 'bay', 'cedar', 'oak', 'maple']; +<pre class="brush: js">var trees = ['redwood', 'bay', 'cedar', 'oak', 'maple']; trees.splice(3,1); console.log(trees); // ["redwood", "bay", "cedar", "maple"] </pre> diff --git a/files/zh-cn/web/javascript/reference/operators/division/index.html b/files/zh-cn/web/javascript/reference/operators/division/index.html index 8bfc53db1f..d1af1e83a0 100644 --- a/files/zh-cn/web/javascript/reference/operators/division/index.html +++ b/files/zh-cn/web/javascript/reference/operators/division/index.html @@ -20,14 +20,14 @@ translation_of: Web/JavaScript/Reference/Operators/Division <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><strong>Operator:</strong> <var>x</var> / <var>y</var> +<pre class="syntaxbox"><strong>Operator:</strong> <var>x</var> / <var>y</var> </pre> <h2 id="例子">例子</h2> <h3 id="基本除法">基本除法</h3> -<pre class="brush: js notranslate">1 / 2 // 0.5 +<pre class="brush: js">1 / 2 // 0.5 Math.floor(3 / 2) // 1 @@ -36,7 +36,7 @@ Math.floor(3 / 2) // 1 <h3 id="除以0">除以0</h3> -<pre class="brush: js notranslate">2.0 / 0 // Infinity +<pre class="brush: js">2.0 / 0 // Infinity 2.0 / 0.0 // Infinity, because 0.0 === 0 diff --git a/files/zh-cn/web/javascript/reference/operators/division_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/division_assignment/index.html index a5afd52f49..a9d3508d00 100644 --- a/files/zh-cn/web/javascript/reference/operators/division_assignment/index.html +++ b/files/zh-cn/web/javascript/reference/operators/division_assignment/index.html @@ -13,14 +13,14 @@ translation_of: Web/JavaScript/Reference/Operators/Division_assignment <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><strong>Operator:</strong> x /= y +<pre class="syntaxbox"><strong>Operator:</strong> x /= y <strong>Meaning:</strong> x = x / y</pre> <h2 id="Examples">Examples</h2> <h3 id="Using_division_assignment">Using division assignment</h3> -<pre class="brush: js notranslate">// Assuming the following variable +<pre class="brush: js">// Assuming the following variable // bar = 5 bar /= 2 // 2.5 diff --git a/files/zh-cn/web/javascript/reference/operators/equality/index.html b/files/zh-cn/web/javascript/reference/operators/equality/index.html index fadd413b17..5ea543e057 100644 --- a/files/zh-cn/web/javascript/reference/operators/equality/index.html +++ b/files/zh-cn/web/javascript/reference/operators/equality/index.html @@ -15,7 +15,7 @@ original_slug: Web/JavaScript/Reference/Operators/相等 <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">x == y +<pre class="syntaxbox">x == y </pre> <h2 id="描述">描述</h2> @@ -52,12 +52,12 @@ original_slug: Web/JavaScript/Reference/Operators/相等 <h3 id="没有类型转换的比较">没有类型转换的比较</h3> -<pre class="brush: js notranslate">1 == 1; // true +<pre class="brush: js">1 == 1; // true "hello" == "hello"; // true</pre> <h3 id="与类型转换比较">与类型转换比较</h3> -<pre class="brush: js notranslate">"1" == 1; // true +<pre class="brush: js">"1" == 1; // true 1 == "1"; // true 0 == false; // true 0 == null; // false @@ -71,7 +71,7 @@ number1 == number2; // false</pre> <h3 id="对象比较">对象比较</h3> -<pre class="brush: js notranslate">const object1 = {"key": "value"} +<pre class="brush: js">const object1 = {"key": "value"} const object2 = {"key": "value"}; object1 == object2 // false @@ -81,7 +81,7 @@ object2 == object2 // true</pre> <p>请注意，使用构造的字符串<code>new String()</code>是对象。如果将其中之一与字符串文字进行比较，则该<code>String</code>对象将被转换为字符串文字并对其内容进行比较。但是，如果两个操作数都是<code>String</code>对象，则将它们作为对象进行比较，并且必须引用相同的对象才能进行比较：</p> -<pre class="brush: js notranslate">const string1 = "hello"; +<pre class="brush: js">const string1 = "hello"; const string2 = String("hello"); const string3 = new String("hello"); const string4 = new String("hello"); @@ -94,7 +94,7 @@ console.log(string4 == string4); // true</pre> <h3 id="比较日期和字符串">比较日期和字符串</h3> -<pre class="brush: js notranslate">const d = new Date('December 17, 1995 03:24:00'); +<pre class="brush: js">const d = new Date('December 17, 1995 03:24:00'); const s = d.toString(); // for example: "Sun Dec 17 1995 03:24:00 GMT-0800 (Pacific Standard Time)" console.log(d == s); //true</pre> diff --git a/files/zh-cn/web/javascript/reference/operators/exponentiation/index.html b/files/zh-cn/web/javascript/reference/operators/exponentiation/index.html index 26fbf9ff64..7e138abfa2 100644 --- a/files/zh-cn/web/javascript/reference/operators/exponentiation/index.html +++ b/files/zh-cn/web/javascript/reference/operators/exponentiation/index.html @@ -18,7 +18,7 @@ translation_of: Web/JavaScript/Reference/Operators/Exponentiation <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><strong>Operator:</strong> <var>var1</var> ** <var>var2</var> +<pre class="syntaxbox"><strong>Operator:</strong> <var>var1</var> ** <var>var2</var> </pre> <h2 id="简介">简介</h2> @@ -29,7 +29,7 @@ translation_of: Web/JavaScript/Reference/Operators/Exponentiation <p>在JavaScript里，你不可能写出一个不明确的求幂表达式。这就是说，你不能立刻将一个一元运算符（<code>+/-/~/!/delete/void/typeof</code>）放在基数前，这样做只会导致一个语法错误。</p> -<pre class="brush: js notranslate">-2 ** 2; +<pre class="brush: js">-2 ** 2; // 4 in Bash, -4 in other languages. // This is invalid in JavaScript, as the operation is ambiguous. @@ -44,7 +44,7 @@ translation_of: Web/JavaScript/Reference/Operators/Exponentiation <h3 id="基本求幂">基本求幂</h3> -<pre class="brush: js notranslate">2 ** 3 // 8 +<pre class="brush: js">2 ** 3 // 8 3 ** 2 // 9 3 ** 2.5 // 15.588457268119896 10 ** -1 // 0.1 @@ -53,7 +53,7 @@ NaN ** 2 // NaN <h3 id="结合">结合</h3> -<pre class="brush: js notranslate">2 ** 3 ** 2 // 512 +<pre class="brush: js">2 ** 3 ** 2 // 512 2 ** (3 ** 2) // 512 (2 ** 3) ** 2 // 64</pre> @@ -61,12 +61,12 @@ NaN ** 2 // NaN <p>取求幂表达式的值的相反数：</p> -<pre class="brush: js notranslate">-(2 ** 2) // -4 +<pre class="brush: js">-(2 ** 2) // -4 </pre> <p>将求幂表达式的底数转化为一个负数：</p> -<pre class="brush: js notranslate">(-2) ** 2 // 4 +<pre class="brush: js">(-2) ** 2 // 4 </pre> <h2 id="规范">规范</h2> diff --git a/files/zh-cn/web/javascript/reference/operators/exponentiation_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/exponentiation_assignment/index.html index f9f53ca532..bd8e58da23 100644 --- a/files/zh-cn/web/javascript/reference/operators/exponentiation_assignment/index.html +++ b/files/zh-cn/web/javascript/reference/operators/exponentiation_assignment/index.html @@ -15,14 +15,14 @@ translation_of: Web/JavaScript/Reference/Operators/Exponentiation_assignment <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><strong>Operator:</strong> x **= y +<pre class="syntaxbox"><strong>Operator:</strong> x **= y <strong>Meaning:</strong> x = x ** y</pre> <h2 id="Examples">Examples</h2> <h3 id="Using_exponentiation_assignment">Using exponentiation assignment</h3> -<pre class="brush: js notranslate">// Assuming the following variable +<pre class="brush: js">// Assuming the following variable // bar = 5 bar **= 2 // 25 diff --git a/files/zh-cn/web/javascript/reference/operators/greater_than/index.html b/files/zh-cn/web/javascript/reference/operators/greater_than/index.html index afb4a2d134..0c8c8a8328 100644 --- a/files/zh-cn/web/javascript/reference/operators/greater_than/index.html +++ b/files/zh-cn/web/javascript/reference/operators/greater_than/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Operators/Greater_than <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">x > y</pre> +<pre class="syntaxbox">x > y</pre> <h2 id="描述">描述</h2> @@ -23,13 +23,13 @@ translation_of: Web/JavaScript/Reference/Operators/Greater_than <h3 id="字符串的比较">字符串的比较</h3> -<pre class="brush: js notranslate">console.log("a" > "b"); // false +<pre class="brush: js">console.log("a" > "b"); // false console.log("a" > "a"); // false console.log("a" > "3"); // true</pre> <h3 id="字符串和数字的比较">字符串和数字的比较</h3> -<pre class="brush: js notranslate">console.log("5" > 3); // true +<pre class="brush: js">console.log("5" > 3); // true console.log("3" > 3); // false console.log("3" > 5); // false @@ -41,18 +41,18 @@ console.log("3" > 5n); // false</pre> <h3 id="数字间的比较">数字间的比较</h3> -<pre class="brush: js notranslate">console.log(5 > 3); // true +<pre class="brush: js">console.log(5 > 3); // true console.log(3 > 3); // false console.log(3 > 5); // false</pre> <h3 id="数字和_BigInt_数据的比较">数字和 BigInt 数据的比较</h3> -<pre class="brush: js notranslate">console.log(5n > 3); // true +<pre class="brush: js">console.log(5n > 3); // true console.log(3 > 5n); // false</pre> <h3 id="Boolean_null_undefined_NaN的比较">Boolean, null, undefined, NaN的比较</h3> -<pre class="brush: js notranslate">console.log(true > false); // true +<pre class="brush: js">console.log(true > false); // true console.log(false > true); // false console.log(true > 0); // true diff --git a/files/zh-cn/web/javascript/reference/operators/greater_than_or_equal/index.html b/files/zh-cn/web/javascript/reference/operators/greater_than_or_equal/index.html index 9fa5b48436..f54a1061fa 100644 --- a/files/zh-cn/web/javascript/reference/operators/greater_than_or_equal/index.html +++ b/files/zh-cn/web/javascript/reference/operators/greater_than_or_equal/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Operators/Greater_than_or_equal <h2 id="Syntax">Syntax</h2> -<pre class="syntaxbox notranslate"> x >= y</pre> +<pre class="syntaxbox"> x >= y</pre> <h2 id="Description">Description</h2> @@ -23,14 +23,14 @@ translation_of: Web/JavaScript/Reference/Operators/Greater_than_or_equal <h3 id="String_to_string_comparison">String to string comparison</h3> -<pre class="brush: js notranslate">console.log("a" >= "b"); // false +<pre class="brush: js">console.log("a" >= "b"); // false console.log("a" >= "a"); // true console.log("a" >= "3"); // true </pre> <h3 id="String_to_number_comparison">String to number comparison</h3> -<pre class="brush: js notranslate">console.log("5" >= 3); // true +<pre class="brush: js">console.log("5" >= 3); // true console.log("3" >= 3); // true console.log("3" >= 5); // false @@ -39,19 +39,19 @@ console.log(5 >= "hello"); // false</pre> <h3 id="Number_to_Number_comparison">Number to Number comparison</h3> -<pre class="brush: js notranslate">console.log(5 >= 3); // true +<pre class="brush: js">console.log(5 >= 3); // true console.log(3 >= 3); // true console.log(3 >= 5); // false</pre> <h3 id="Number_to_BigInt_comparison">Number to BigInt comparison</h3> -<pre class="brush: js notranslate">console.log(5n >= 3); // true +<pre class="brush: js">console.log(5n >= 3); // true console.log(3 >= 3n); // true console.log(3 >= 5n); // false</pre> <h3 id="Comparing_Boolean_null_undefined_NaN">Comparing Boolean, null, undefined, NaN</h3> -<pre class="brush: js notranslate">console.log(true >= false); // true +<pre class="brush: js">console.log(true >= false); // true console.log(true >= true); // true console.log(false >= true); // false diff --git a/files/zh-cn/web/javascript/reference/operators/in/index.html b/files/zh-cn/web/javascript/reference/operators/in/index.html index 2ac7bb0ed4..f974698598 100644 --- a/files/zh-cn/web/javascript/reference/operators/in/index.html +++ b/files/zh-cn/web/javascript/reference/operators/in/index.html @@ -17,7 +17,7 @@ translation_of: Web/JavaScript/Reference/Operators/in <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox notranslate"><em>prop</em> in <em>object</em></pre> +<pre class="syntaxbox"><em>prop</em> in <em>object</em></pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -35,7 +35,7 @@ translation_of: Web/JavaScript/Reference/Operators/in <p>下面的例子演示了一些 <code>in</code> 运算符的用法。</p> -<pre class="brush:js notranslate">// 数组 +<pre class="brush:js">// 数组 var trees = new Array("redwood", "bay", "cedar", "oak", "maple"); 0 in trees // 返回true 3 in trees // 返回true @@ -58,7 +58,7 @@ var mycar = {make: "Honda", model: "Accord", year: 1998}; <p><code>in</code>右操作数必须是一个对象值。例如，你可以指定使用<code>String</code>构造函数创建的字符串，但不能指定字符串文字。</p> -<pre class="brush:js notranslate">var color1 = new String("green"); +<pre class="brush:js">var color1 = new String("green"); "length" in color1 // 返回true var color2 = "coral"; "length" in color2 // 报错(color2不是对象) @@ -68,7 +68,7 @@ var color2 = "coral"; <p>如果你使用 <code><a href="/zh-CN/docs/JavaScript/Reference/Operators/delete" title="zh-CN/docs/JavaScript/Reference/Operators/Special/delete">delete</a></code> 运算符删除了一个属性，则 <code>in</code> 运算符对所删除属性返回 <code>false</code>。</p> -<pre class="brush:js notranslate">var mycar = {make: "Honda", model: "Accord", year: 1998}; +<pre class="brush:js">var mycar = {make: "Honda", model: "Accord", year: 1998}; delete mycar.make; "make" in mycar; // 返回false @@ -79,12 +79,12 @@ delete trees[3]; <p>如果你只是将一个属性的值赋值为{{jsxref("Global_Objects/undefined", "undefined")}}，而没有删除它，则 <code>in</code> 运算仍然会返回<code>true</code>。</p> -<pre class="brush:js notranslate">var mycar = {make: "Honda", model: "Accord", year: 1998}; +<pre class="brush:js">var mycar = {make: "Honda", model: "Accord", year: 1998}; mycar.make = undefined; "make" in mycar; // 返回true </pre> -<pre class="brush:js notranslate">var trees = new Array("redwood", "bay", "cedar", "oak", "maple"); +<pre class="brush:js">var trees = new Array("redwood", "bay", "cedar", "oak", "maple"); trees[3] = undefined; 3 in trees; // 返回true </pre> @@ -93,7 +93,7 @@ trees[3] = undefined; <p>如果一个属性是从原型链上继承来的，<code>in</code> 运算符也会返回 <code>true</code>。</p> -<pre class="brush:js notranslate">"toString" in {}; // 返回true +<pre class="brush:js">"toString" in {}; // 返回true </pre> <h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> diff --git a/files/zh-cn/web/javascript/reference/operators/increment/index.html b/files/zh-cn/web/javascript/reference/operators/increment/index.html index afe307f389..31620cb751 100644 --- a/files/zh-cn/web/javascript/reference/operators/increment/index.html +++ b/files/zh-cn/web/javascript/reference/operators/increment/index.html @@ -17,7 +17,7 @@ translation_of: Web/JavaScript/Reference/Operators/Increment <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><strong>Operator:</strong> <var>x</var>++ or ++<var>x</var> +<pre class="syntaxbox"><strong>Operator:</strong> <var>x</var>++ or ++<var>x</var> </pre> <h2 id="描述">描述</h2> @@ -30,7 +30,7 @@ translation_of: Web/JavaScript/Reference/Operators/Increment <h3 id="后置自增Postfix_increment">后置自增(Postfix increment)</h3> -<pre class="brush: js notranslate">let x = 3; +<pre class="brush: js">let x = 3; y = x++; // y = 3 @@ -39,7 +39,7 @@ y = x++; <h3 id="前置自增Prefix_increment">前置自增(Prefix increment)</h3> -<pre class="brush: js notranslate">let a = 2; +<pre class="brush: js">let a = 2; b = ++a; // a = 3 diff --git a/files/zh-cn/web/javascript/reference/operators/inequality/index.html b/files/zh-cn/web/javascript/reference/operators/inequality/index.html index 11b16d1c2e..cbc90433e7 100644 --- a/files/zh-cn/web/javascript/reference/operators/inequality/index.html +++ b/files/zh-cn/web/javascript/reference/operators/inequality/index.html @@ -18,13 +18,13 @@ translation_of: Web/JavaScript/Reference/Operators/Inequality <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">x != y</pre> +<pre class="syntaxbox">x != y</pre> <h2 id="描述">描述</h2> <p>不等式运算符检查其操作数是否不相等。这是<a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/Equality">等于</a>运算符的取反，因此以下两行将始终给出相同的结果： </p> -<pre class="brush: js notranslate">x != y +<pre class="brush: js">x != y !(x == y)</pre> @@ -32,17 +32,17 @@ translation_of: Web/JavaScript/Reference/Operators/Inequality <p>与等于运算符一样，不等于运算符将尝试转换和比较不同类型的操作数：</p> -<pre class="brush: js notranslate">3 != "3"; // false</pre> +<pre class="brush: js">3 != "3"; // false</pre> <p>为避免这种情况，并要求将不同类型视为不同，请使用<a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/Strict_inequality">严格的不等于</a>运算符：</p> -<pre class="brush: js notranslate">3 !== "3"; // true</pre> +<pre class="brush: js">3 !== "3"; // true</pre> <h2 id="例子">例子</h2> <h3 id="没有类型转换的比较">没有类型转换的比较</h3> -<pre class="brush: js notranslate">1 != 2; // true +<pre class="brush: js">1 != 2; // true "hello" != "hola"; // true 1 != 1; // false @@ -50,7 +50,7 @@ translation_of: Web/JavaScript/Reference/Operators/Inequality <h3 id="与类型转换比较">与类型转换比较</h3> -<pre class="brush: js notranslate">"1" != 1; // false +<pre class="brush: js">"1" != 1; // false 1 != "1"; // false 0 != false; // false 0 != null; // true @@ -66,7 +66,7 @@ number1 != number2; // true</pre> <h3 id="对象比较">对象比较</h3> -<pre class="brush: js notranslate">const object1 = {"key": "value"} +<pre class="brush: js">const object1 = {"key": "value"} const object2 = {"key": "value"}; object1 != object2 // true diff --git a/files/zh-cn/web/javascript/reference/operators/instanceof/index.html b/files/zh-cn/web/javascript/reference/operators/instanceof/index.html index a1e3c5a538..9bc5622462 100644 --- a/files/zh-cn/web/javascript/reference/operators/instanceof/index.html +++ b/files/zh-cn/web/javascript/reference/operators/instanceof/index.html @@ -20,7 +20,7 @@ translation_of: Web/JavaScript/Reference/Operators/instanceof <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="notranslate"><code><em>object</em> instanceof <em>constructor</em></code></pre> +<pre><code><em>object</em> instanceof <em>constructor</em></code></pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -38,7 +38,7 @@ translation_of: Web/JavaScript/Reference/Operators/instanceof <p><code>instanceof</code> 运算符用来检测 <code>constructor.prototype </code>是否存在于参数 <code>object</code> 的原型链上。</p> -<pre class="brush: js notranslate">// 定义构造函数 +<pre class="brush: js">// 定义构造函数 function C(){} function D(){} @@ -87,7 +87,7 @@ o3 instanceof C; // true 因为 C.prototype 现在在 o3 的原型链上 <p>但是，使用对象文字符号创建的对象在这里是一个例外：虽然原型未定义，但 <code>instanceof Object</code> 返回 <code>true</code>。</p> -<pre class="brush: js notranslate">var simpleStr = "This is a simple string"; +<pre class="brush: js">var simpleStr = "This is a simple string"; var myString = new String(); var newStr = new String("String created with constructor"); var myDate = new Date(); @@ -113,7 +113,7 @@ myDate instanceof String; // 返回 false</pre> <p>下面的代码创建了一个类型 <code>Car</code>，以及该类型的对象实例 <code>mycar</code>. <code>instanceof</code> 运算符表明了这个 <code>mycar</code> 对象既属于 <code>Car</code> 类型，又属于 <code>Object</code> 类型。</p> -<pre class="brush: js notranslate">function Car(make, model, year) { +<pre class="brush: js">function Car(make, model, year) { this.make = make; this.model = model; this.year = year; @@ -128,13 +128,13 @@ var b = mycar instanceof Object; // 返回 true <p>要检测对象不是某个构造函数的实例时，你可以这样做</p> -<pre class="brush: js notranslate">if (!(mycar instanceof Car)) { +<pre class="brush: js">if (!(mycar instanceof Car)) { // Do something, like mycar = new Car(mycar) }</pre> <p>这和以下代码完全不同</p> -<pre class="brush: js notranslate">if (!mycar instanceof Car)</pre> +<pre class="brush: js">if (!mycar instanceof Car)</pre> <p>这段代码永远会得到 <code>false</code>（<code>!mycar</code> 将在 <code>instanceof</code> 之前被处理，所以你总是在验证一个布尔值是否是 <code>Car</code> 的一个实例）。</p> diff --git a/files/zh-cn/web/javascript/reference/operators/left_shift/index.html b/files/zh-cn/web/javascript/reference/operators/left_shift/index.html index 83fe088941..4bae0bcde0 100644 --- a/files/zh-cn/web/javascript/reference/operators/left_shift/index.html +++ b/files/zh-cn/web/javascript/reference/operators/left_shift/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Operators/Left_shift <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><code><var>a</var> << <var>b</var></code> +<pre class="syntaxbox"><code><var>a</var> << <var>b</var></code> </pre> <h2 id="描述">描述</h2> @@ -22,7 +22,7 @@ translation_of: Web/JavaScript/Reference/Operators/Left_shift <p>例如， <code>9 << 2</code> 得出 36：</p> -<pre class="brush: js notranslate">. 9 (十进制): 00000000000000000000000000001001 (二进制) +<pre class="brush: js">. 9 (十进制): 00000000000000000000000000001001 (二进制) -------------------------------- 9 << 2 (十进制): 00000000000000000000000000100100 (二进制) = 36 (十进制) </pre> @@ -34,7 +34,7 @@ translation_of: Web/JavaScript/Reference/Operators/Left_shift <h3 id="使用左移">使用左移</h3> -<pre class="brush: js notranslate">9 << 3; // 72 +<pre class="brush: js">9 << 3; // 72 // 9 * 2³ = 9 * 8 = 72 </pre> diff --git a/files/zh-cn/web/javascript/reference/operators/left_shift_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/left_shift_assignment/index.html index ccf5bbce00..e48b9616d0 100644 --- a/files/zh-cn/web/javascript/reference/operators/left_shift_assignment/index.html +++ b/files/zh-cn/web/javascript/reference/operators/left_shift_assignment/index.html @@ -15,14 +15,14 @@ translation_of: Web/JavaScript/Reference/Operators/Left_shift_assignment <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><strong>Operator:</strong> x <<= y +<pre class="syntaxbox"><strong>Operator:</strong> x <<= y <strong>Meaning:</strong> x = x << y</pre> <h2 id="Examples">Examples</h2> <h3 id="Using_left_shift_assignment">Using left shift assignment</h3> -<pre class="brush: js notranslate">let a = 5; +<pre class="brush: js">let a = 5; // 00000000000000000000000000000101 a <<= 2; // 20 diff --git a/files/zh-cn/web/javascript/reference/operators/less_than/index.html b/files/zh-cn/web/javascript/reference/operators/less_than/index.html index 1a33554b98..d98a89f03c 100644 --- a/files/zh-cn/web/javascript/reference/operators/less_than/index.html +++ b/files/zh-cn/web/javascript/reference/operators/less_than/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Operators/Less_than <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"> x < y</pre> +<pre class="syntaxbox"> x < y</pre> <h2 id="Description">Description</h2> @@ -38,13 +38,13 @@ translation_of: Web/JavaScript/Reference/Operators/Less_than <h3 id="String_to_string_comparison">String to string comparison</h3> -<pre class="brush: js notranslate">console.log("a" < "b"); // true +<pre class="brush: js">console.log("a" < "b"); // true console.log("a" < "a"); // false console.log("a" < "3"); // false</pre> <h3 id="String_to_number_comparison">String to number comparison</h3> -<pre class="brush: js notranslate">console.log("5" < 3); // false +<pre class="brush: js">console.log("5" < 3); // false console.log("3" < 3); // false console.log("3" < 5); // true @@ -56,18 +56,18 @@ console.log("3" < 5n); // true</pre> <h3 id="Number_to_Number_comparison">Number to Number comparison</h3> -<pre class="brush: js notranslate">console.log(5 < 3); // false +<pre class="brush: js">console.log(5 < 3); // false console.log(3 < 3); // false console.log(3 < 5); // true</pre> <h3 id="Number_to_BigInt_comparison">Number to BigInt comparison</h3> -<pre class="brush: js notranslate">console.log(5n < 3); // false +<pre class="brush: js">console.log(5n < 3); // false console.log(3 < 5n); // true</pre> <h3 id="Comparing_Boolean_null_undefined_NaN">Comparing Boolean, null, undefined, NaN</h3> -<pre class="brush: js notranslate">console.log(true < false); // false +<pre class="brush: js">console.log(true < false); // false console.log(false < true); // true console.log(0 < true); // true diff --git a/files/zh-cn/web/javascript/reference/operators/less_than_or_equal/index.html b/files/zh-cn/web/javascript/reference/operators/less_than_or_equal/index.html index 97a6f6746b..498dc2bbfd 100644 --- a/files/zh-cn/web/javascript/reference/operators/less_than_or_equal/index.html +++ b/files/zh-cn/web/javascript/reference/operators/less_than_or_equal/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Operators/Less_than_or_equal <h2 id="Syntax">Syntax</h2> -<pre class="syntaxbox notranslate"> x <= y</pre> +<pre class="syntaxbox"> x <= y</pre> <h2 id="Description">Description</h2> @@ -23,14 +23,14 @@ translation_of: Web/JavaScript/Reference/Operators/Less_than_or_equal <h3 id="String_to_string_comparison">String to string comparison</h3> -<pre class="brush: js notranslate">console.log("a" <= "b"); // true +<pre class="brush: js">console.log("a" <= "b"); // true console.log("a" <= "a"); // true console.log("a" <= "3"); // false </pre> <h3 id="String_to_number_comparison">String to number comparison</h3> -<pre class="brush: js notranslate">console.log("5" <= 3); // false +<pre class="brush: js">console.log("5" <= 3); // false console.log("3" <= 3); // true console.log("3" <= 5); // true @@ -39,19 +39,19 @@ console.log(5 <= "hello"); // false</pre> <h3 id="Number_to_Number_comparison">Number to Number comparison</h3> -<pre class="brush: js notranslate">console.log(5 <= 3); // false +<pre class="brush: js">console.log(5 <= 3); // false console.log(3 <= 3); // true console.log(3 <= 5); // true</pre> <h3 id="Number_to_BigInt_comparison">Number to BigInt comparison</h3> -<pre class="brush: js notranslate">console.log(5n <= 3); // false +<pre class="brush: js">console.log(5n <= 3); // false console.log(3 <= 3n); // true console.log(3 <= 5n); // true</pre> <h3 id="Comparing_Boolean_null_undefined_NaN">Comparing Boolean, null, undefined, NaN</h3> -<pre class="brush: js notranslate">console.log(true <= false); // false +<pre class="brush: js">console.log(true <= false); // false console.log(true <= true); // true console.log(false <= true); // true diff --git a/files/zh-cn/web/javascript/reference/operators/logical_and/index.html b/files/zh-cn/web/javascript/reference/operators/logical_and/index.html index 78c4eee070..e418a76518 100644 --- a/files/zh-cn/web/javascript/reference/operators/logical_and/index.html +++ b/files/zh-cn/web/javascript/reference/operators/logical_and/index.html @@ -14,7 +14,7 @@ original_slug: Web/JavaScript/Reference/Operators/逻辑和 <h2 id="Syntax">Syntax</h2> -<pre class="syntaxbox notranslate"><em>expr1</em> && <em>expr2</em> +<pre class="syntaxbox"><em>expr1</em> && <em>expr2</em> </pre> <h2 id="Description">Description</h2> @@ -43,7 +43,7 @@ original_slug: Web/JavaScript/Reference/Operators/逻辑和 <p>Short circuit means that the <code><em>expr</em></code> part above is <strong>not evaluated</strong>, hence any side effects of doing so do not take effect (e.g., if <code><em>expr</em></code> is a function call, the calling never takes place). This happens because the value of the operator is already determined after the evaluation of the first operand. See example:</p> -<pre class="brush: js notranslate">function A(){ console.log('called A'); return false; } +<pre class="brush: js">function A(){ console.log('called A'); return false; } function B(){ console.log('called B'); return true; } console.log( A() && B() ); @@ -55,7 +55,7 @@ console.log( A() && B() ); <p>The following expressions might seem equivalent, but they are not, because the <code>&&</code> operator is executed before the <code>||</code> operator (see <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence">operator precedence</a>).</p> -<pre class="brush: js notranslate">true || false && false // returns true, because && is executed first +<pre class="brush: js">true || false && false // returns true, because && is executed first (true || false) && false // returns false, because operator precedence cannot apply</pre> <h2 id="Examples">Examples</h2> @@ -64,7 +64,7 @@ console.log( A() && B() ); <p>The following code shows examples of the <code>&&</code> (logical AND) operator.</p> -<pre class="brush: js notranslate">a1 = true && true // t && t returns true +<pre class="brush: js">a1 = true && true // t && t returns true a2 = true && false // t && f returns false a3 = false && true // f && t returns false a4 = false && (3 == 4) // f && f returns false @@ -80,21 +80,21 @@ a9 = false && '' // f && f returns false</pre> <p>The following operation involving <strong>booleans</strong>:</p> -<pre class="brush: js notranslate">bCondition1 && bCondition2</pre> +<pre class="brush: js">bCondition1 && bCondition2</pre> <p>is always equal to:</p> -<pre class="brush: js notranslate">!(!bCondition1 || !bCondition2)</pre> +<pre class="brush: js">!(!bCondition1 || !bCondition2)</pre> <h4 id="Converting_OR_to_AND">Converting OR to AND</h4> <p>The following operation involving <strong>booleans</strong>:</p> -<pre class="brush: js notranslate">bCondition1 || bCondition2</pre> +<pre class="brush: js">bCondition1 || bCondition2</pre> <p>is always equal to:</p> -<pre class="brush: js notranslate">!(!bCondition1 && !bCondition2)</pre> +<pre class="brush: js">!(!bCondition1 && !bCondition2)</pre> <h3 id="Removing_nested_parentheses">Removing nested parentheses</h3> @@ -102,11 +102,11 @@ a9 = false && '' // f && f returns false</pre> <p>The following composite operation involving <strong>booleans</strong>:</p> -<pre class="brush: js notranslate">bCondition1 || (bCondition2 && bCondition3)</pre> +<pre class="brush: js">bCondition1 || (bCondition2 && bCondition3)</pre> <p>is always equal to:</p> -<pre class="brush: js notranslate">bCondition1 || bCondition2 && bCondition3</pre> +<pre class="brush: js">bCondition1 || bCondition2 && bCondition3</pre> <h2 id="Specifications">Specifications</h2> diff --git a/files/zh-cn/web/javascript/reference/operators/logical_and_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/logical_and_assignment/index.html index 3ed9a1582a..4ee00585a5 100644 --- a/files/zh-cn/web/javascript/reference/operators/logical_and_assignment/index.html +++ b/files/zh-cn/web/javascript/reference/operators/logical_and_assignment/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Operators/Logical_AND_assignment <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><em>expr1</em> &&= <em>expr2</em> +<pre class="syntaxbox"><em>expr1</em> &&= <em>expr2</em> </pre> <h2 id="描述">描述</h2> @@ -28,18 +28,18 @@ translation_of: Web/JavaScript/Reference/Operators/Logical_AND_assignment <p>Logical AND assignment short-circuits as well meaning that <code>x &&= y</code> is equivalent to:</p> -<pre class="brush: js notranslate">x && (x = y);</pre> +<pre class="brush: js">x && (x = y);</pre> <p>And not equivalent to the following which would always perform an assignment:</p> -<pre class="brush: js notranslate example-bad">x = x && y; +<pre class="brush: js example-bad">x = x && y; </pre> <h2 id="例子">例子</h2> <h3 id="Using_logical_AND_assignment">Using logical AND assignment</h3> -<pre class="brush: js notranslate">let x = 0; +<pre class="brush: js">let x = 0; let y = 1; x &&= 0; // 0 diff --git a/files/zh-cn/web/javascript/reference/operators/logical_not/index.html b/files/zh-cn/web/javascript/reference/operators/logical_not/index.html index f05bfb180a..e27ad4db4f 100644 --- a/files/zh-cn/web/javascript/reference/operators/logical_not/index.html +++ b/files/zh-cn/web/javascript/reference/operators/logical_not/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Operators/Logical_NOT <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">!<var>expr</var> +<pre class="syntaxbox">!<var>expr</var> </pre> <h2 id="Description">Description</h2> @@ -40,7 +40,7 @@ translation_of: Web/JavaScript/Reference/Operators/Logical_NOT <p>The following code shows examples of the <code>!</code> (logical NOT) operator.</p> -<pre class="brush: js notranslate">n1 = !true // !t returns false +<pre class="brush: js">n1 = !true // !t returns false n2 = !false // !f returns true n3 = !'' // !f returns true n4 = !'Cat' // !t returns false</pre> @@ -51,7 +51,7 @@ n4 = !'Cat' // !t returns false</pre> <p>The same conversion can be done through the {{jsxref("Global_Objects/Boolean/Boolean", "Boolean")}} function.</p> -<pre class="brush: js notranslate">n1 = !!true // !!truthy returns true +<pre class="brush: js">n1 = !!true // !!truthy returns true n2 = !!{} // !!truthy returns true: <strong>any</strong> object is truthy... n3 = !!(new Boolean(false)) // ...even Boolean objects with a false <em>.valueOf()</em>! n4 = !!false // !!falsy returns false @@ -62,11 +62,11 @@ n6 = !!Boolean(false) // !!falsy returns false</pre> <p>The following operation involving <strong>booleans</strong>:</p> -<pre class="brush: js notranslate">!!bCondition</pre> +<pre class="brush: js">!!bCondition</pre> <p>is always equal to:</p> -<pre class="brush: js notranslate">bCondition</pre> +<pre class="brush: js">bCondition</pre> <h2 id="Specifications">Specifications</h2> diff --git a/files/zh-cn/web/javascript/reference/operators/logical_nullish_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/logical_nullish_assignment/index.html index a57c18e5c2..c4fea43591 100644 --- a/files/zh-cn/web/javascript/reference/operators/logical_nullish_assignment/index.html +++ b/files/zh-cn/web/javascript/reference/operators/logical_nullish_assignment/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Operators/Logical_nullish_assignment <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><em>expr1</em> ??= <em>expr2</em> +<pre class="syntaxbox"><em>expr1</em> ??= <em>expr2</em> </pre> <h2 id="描述">描述</h2> @@ -28,18 +28,18 @@ translation_of: Web/JavaScript/Reference/Operators/Logical_nullish_assignment <p>逻辑空赋值的语法短路也意味着 <code>x ??= y</code> 等价于：</p> -<pre class="brush: js notranslate">x ?? (x = y);</pre> +<pre class="brush: js">x ?? (x = y);</pre> <p>而不等价于如下的表达式，因为其一定会发生赋值：</p> -<pre class="brush: js notranslate example-bad">x = x ?? y; +<pre class="brush: js example-bad">x = x ?? y; </pre> <h2 id="例子">例子</h2> <h3 id="使用逻辑空赋值">使用逻辑空赋值</h3> -<pre class="brush: js notranslate">function config(options) { +<pre class="brush: js">function config(options) { options.duration ??= 100; options.speed ??= 25; return options; diff --git a/files/zh-cn/web/javascript/reference/operators/logical_or/index.html b/files/zh-cn/web/javascript/reference/operators/logical_or/index.html index 1a8f881377..3604b99140 100644 --- a/files/zh-cn/web/javascript/reference/operators/logical_or/index.html +++ b/files/zh-cn/web/javascript/reference/operators/logical_or/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Operators/Logical_OR <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><em>expr1</em> || <em>expr2</em> +<pre class="syntaxbox"><em>expr1</em> || <em>expr2</em> </pre> <h2 id="Description">Description</h2> @@ -42,7 +42,7 @@ translation_of: Web/JavaScript/Reference/Operators/Logical_OR <p>Short circuit means that the <code><em>expr</em></code> part above is <strong>not evaluated</strong>, hence any side effects of doing so do not take effect (e.g., if <code><em>expr</em></code> is a function call, the calling never takes place). This happens because the value of the operator is already determined after the evaluation of the first operand. See example:</p> -<pre class="brush: js notranslate">function A(){ console.log('called A'); return false; } +<pre class="brush: js">function A(){ console.log('called A'); return false; } function B(){ console.log('called B'); return true; } console.log( B() || A() ); @@ -54,7 +54,7 @@ console.log( B() || A() ); <p>The following expressions might seem equivalent, but they are not, because the <code>&&</code> operator is executed before the <code>||</code> operator (see <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence">operator precedence</a>).</p> -<pre class="brush: js notranslate">true || false && false // returns true, because && is executed first +<pre class="brush: js">true || false && false // returns true, because && is executed first (true || false) && false // returns false, because operator precedence cannot apply</pre> <h2 id="Examples">Examples</h2> @@ -63,7 +63,7 @@ console.log( B() || A() ); <p>The following code shows examples of the <code>||</code> (logical OR) operator.</p> -<pre class="brush: js notranslate">o1 = true || true // t || t returns true +<pre class="brush: js">o1 = true || true // t || t returns true o2 = false || true // f || t returns true o3 = true || false // t || f returns true o4 = false || (3 == 4) // f || f returns false @@ -85,21 +85,21 @@ o10 = false || varObject // f || object returns varObject <p>The following operation involving <strong>booleans</strong>:</p> -<pre class="brush: js notranslate">bCondition1 && bCondition2</pre> +<pre class="brush: js">bCondition1 && bCondition2</pre> <p>is always equal to:</p> -<pre class="brush: js notranslate">!(!bCondition1 || !bCondition2)</pre> +<pre class="brush: js">!(!bCondition1 || !bCondition2)</pre> <h4 id="Converting_OR_to_AND">Converting OR to AND</h4> <p>The following operation involving <strong>booleans</strong>:</p> -<pre class="brush: js notranslate">bCondition1 || bCondition2</pre> +<pre class="brush: js">bCondition1 || bCondition2</pre> <p>is always equal to:</p> -<pre class="brush: js notranslate">!(!bCondition1 && !bCondition2)</pre> +<pre class="brush: js">!(!bCondition1 && !bCondition2)</pre> <h3 id="Removing_nested_parentheses">Removing nested parentheses</h3> @@ -107,11 +107,11 @@ o10 = false || varObject // f || object returns varObject <p>The following composite operation involving <strong>booleans</strong>:</p> -<pre class="brush: js notranslate">bCondition1 && (bCondition2 || bCondition3)</pre> +<pre class="brush: js">bCondition1 && (bCondition2 || bCondition3)</pre> <p>is always equal to:</p> -<pre class="brush: js notranslate">!(!bCondition1 || !bCondition2 && !bCondition3)</pre> +<pre class="brush: js">!(!bCondition1 || !bCondition2 && !bCondition3)</pre> <h2 id="Specifications">Specifications</h2> diff --git a/files/zh-cn/web/javascript/reference/operators/multiplication/index.html b/files/zh-cn/web/javascript/reference/operators/multiplication/index.html index db346f4cbe..a37d1e7a54 100644 --- a/files/zh-cn/web/javascript/reference/operators/multiplication/index.html +++ b/files/zh-cn/web/javascript/reference/operators/multiplication/index.html @@ -15,25 +15,25 @@ translation_of: Web/JavaScript/Reference/Operators/Multiplication <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><strong>Operator:</strong> <var>x</var> * <var>y</var> +<pre class="syntaxbox"><strong>Operator:</strong> <var>x</var> * <var>y</var> </pre> <h2 id="例子">例子</h2> <h3 id="使用数字相乘">使用数字相乘</h3> -<pre class="brush: js notranslate"> 2 * 2 // 4 +<pre class="brush: js"> 2 * 2 // 4 -2 * 2 // -4 </pre> <h3 id="使用_Infinity_相乘">使用 Infinity 相乘</h3> -<pre class="brush: js notranslate">Infinity * 0 // NaN +<pre class="brush: js">Infinity * 0 // NaN Infinity * Infinity // Infinity</pre> <h3 id="使用非数字相乘">使用非数字相乘</h3> -<pre class="brush: js notranslate">'foo' * 2 // NaN</pre> +<pre class="brush: js">'foo' * 2 // NaN</pre> <h2 id="规范">规范</h2> diff --git a/files/zh-cn/web/javascript/reference/operators/multiplication_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/multiplication_assignment/index.html index e05019acba..274729034b 100644 --- a/files/zh-cn/web/javascript/reference/operators/multiplication_assignment/index.html +++ b/files/zh-cn/web/javascript/reference/operators/multiplication_assignment/index.html @@ -15,14 +15,14 @@ translation_of: Web/JavaScript/Reference/Operators/Multiplication_assignment <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><strong>Operator:</strong> x *= y +<pre class="syntaxbox"><strong>Operator:</strong> x *= y <strong>Meaning:</strong> x = x * y</pre> <h2 id="Examples">Examples</h2> <h3 id="Using_multiplication_assignment">Using multiplication assignment</h3> -<pre class="brush: js notranslate">// Assuming the following variable +<pre class="brush: js">// Assuming the following variable // bar = 5 bar *= 2 // 10 diff --git a/files/zh-cn/web/javascript/reference/operators/new/index.html b/files/zh-cn/web/javascript/reference/operators/new/index.html index 0b2d5c24c7..e6833d4cc7 100644 --- a/files/zh-cn/web/javascript/reference/operators/new/index.html +++ b/files/zh-cn/web/javascript/reference/operators/new/index.html @@ -19,7 +19,7 @@ translation_of: Web/JavaScript/Reference/Operators/new <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">new <em>constructor</em>[([<em>arguments</em>])]</pre> +<pre class="syntaxbox">new <em>constructor</em>[([<em>arguments</em>])]</pre> <h3 id="参数">参数</h3> @@ -67,7 +67,7 @@ translation_of: Web/JavaScript/Reference/Operators/new <p>你可以使用 <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/prototype">Function.prototype</a></code> 属性将共享属性添加到以前定义的对象类型。这定义了一个由该函数创建的所有对象共享的属性，而不仅仅是对象类型的其中一个实例。下面的代码将一个值为 <code>null</code> 的 <code>color</code> 属性添加到 <code>car</code> 类型的所有对象，然后仅在实例对象 <code>car1</code> 中用字符串 "<code>black</code>" 覆盖该值。详见 <a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/prototype">prototype</a>。</p> -<pre class="brush: js notranslate">function Car() {} +<pre class="brush: js">function Car() {} car1 = new Car(); car2 = new Car(); @@ -95,7 +95,7 @@ console.log(car2.color) // original color <p>假设你要创建一个汽车的对象类型。你希望这个类型叫做car，这个类型具备make, model, year等属性，要做到这些，你需要写这样一个函数：</p> -<pre class="brush: js notranslate">function Car(make, model, year) { +<pre class="brush: js">function Car(make, model, year) { this.make = make; this.model = model; this.year = year; @@ -104,19 +104,19 @@ console.log(car2.color) // original color <p>现在，你可以如下所示创建一个 <code>mycar</code> 的对象：</p> -<pre class="brush: js notranslate">var mycar = new Car("Eagle", "Talon TSi", 1993);</pre> +<pre class="brush: js">var mycar = new Car("Eagle", "Talon TSi", 1993);</pre> <p>这段代码创建了 <code>mycar</code> 并给他的属性指定值，于是 <code>mycar.make</code> 的值为"<code>Eagle</code>"， <code>mycar.year</code> 的值为1993，以此类推。</p> <p>你可以通过调用 <code>new</code> 来创建任意个汽车对象。例如：</p> -<pre class="brush: js notranslate">var kenscar = new Car("Nissan", "300ZX", 1992);</pre> +<pre class="brush: js">var kenscar = new Car("Nissan", "300ZX", 1992);</pre> <h3 id="对象属性为其他对象">对象属性为其他对象</h3> <p>假设你定义了一个对象叫做 <code>person</code>：</p> -<pre class="brush: js notranslate">function Person(name, age, sex) { +<pre class="brush: js">function Person(name, age, sex) { this.name = name; this.age = age; this.sex = sex; @@ -125,13 +125,13 @@ console.log(car2.color) // original color <p>然后实例化两个新的 <code>person</code> 对象如下：</p> -<pre class="brush: js notranslate">var rand = new Person("Rand McNally", 33, "M"); +<pre class="brush: js">var rand = new Person("Rand McNally", 33, "M"); var ken = new Person("Ken Jones", 39, "M"); </pre> <p>然后你可以重写 <code>car</code> 的定义，添加一个值为 <code>person</code> 对象的 <code>owner</code> 属性，如下：</p> -<pre class="brush: js notranslate">function Car(make, model, year, owner) { +<pre class="brush: js">function Car(make, model, year, owner) { this.make = make; this.model = model; this.year = year; @@ -141,13 +141,13 @@ var ken = new Person("Ken Jones", 39, "M"); <p>为了实例化新的对象，你可以用如下代码：</p> -<pre class="brush: js notranslate">var car1 = new Car("Eagle", "Talon TSi", 1993, rand); +<pre class="brush: js">var car1 = new Car("Eagle", "Talon TSi", 1993, rand); var car2 = new Car("Nissan", "300ZX", 1992, ken); </pre> <p>创建对象时，并没有传字符串或数字给owner，而是传了对象 <code>rand</code> 和 <code>ken</code> 。这个时候，你可以这样来获取 <code>car2</code> 的owner的name：</p> -<pre class="brush: js notranslate">car2.owner.name</pre> +<pre class="brush: js">car2.owner.name</pre> <h2 id="规范">规范</h2> diff --git a/files/zh-cn/web/javascript/reference/operators/nullish_coalescing_operator/index.html b/files/zh-cn/web/javascript/reference/operators/nullish_coalescing_operator/index.html index 59b7443e60..1dfd0302a9 100644 --- a/files/zh-cn/web/javascript/reference/operators/nullish_coalescing_operator/index.html +++ b/files/zh-cn/web/javascript/reference/operators/nullish_coalescing_operator/index.html @@ -23,7 +23,7 @@ translation_of: Web/JavaScript/Reference/Operators/Nullish_coalescing_operator <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><var>leftExpr</var> ?? <var>rightExpr</var> +<pre class="syntaxbox"><var>leftExpr</var> ?? <var>rightExpr</var> </pre> <h2 id="示例">示例</h2> @@ -32,7 +32,7 @@ translation_of: Web/JavaScript/Reference/Operators/Nullish_coalescing_operator <p>在这个例子中，我们使用空值合并操作符为常量提供默认值，保证常量不为 <code>null</code> 或者 <code>undefined</code>。</p> -<pre class="brush: js notranslate">const nullValue = null; +<pre class="brush: js">const nullValue = null; const emptyText = ""; // 空字符串，是一个假值，Boolean("") === false const someNumber = 42; @@ -48,14 +48,14 @@ console.log(valC); // 42</pre> <p>以前，如果想为一个变量赋默认值，通常的做法是使用逻辑或操作符（<code><a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/Logical_OR">||</a></code>）：</p> -<pre class="brush: js notranslate">let foo; +<pre class="brush: js">let foo; // foo is never assigned any value so it is still undefined let someDummyText = foo || 'Hello!';</pre> <p>然而，由于 <code>||</code> 是一个布尔逻辑运算符，左侧的操作数会被强制转换成布尔值用于求值。任何假值（<code>0</code>， <code>''</code>， <code>NaN</code>， <code>null</code>， <code>undefined</code>）都不会被返回。这导致如果你使用<code>0</code>，<code>''</code>或<code>NaN</code>作为有效值，就会出现不可预料的后果。</p> -<pre class="brush: js notranslate">let count = 0; +<pre class="brush: js">let count = 0; let text = ""; let qty = count || 42; @@ -65,7 +65,7 @@ console.log(message); // "hi!"，而不是 ""</pre> <p>空值合并操作符可以避免这种陷阱，其只在第一个操作数为<code>null</code> 或 <code>undefined</code> 时（而不是其它假值）返回第二个操作数：</p> -<pre class="brush: js notranslate">let myText = ''; // An empty string (which is also a falsy value) +<pre class="brush: js">let myText = ''; // An empty string (which is also a falsy value) let notFalsyText = myText || 'Hello world'; console.log(notFalsyText); // Hello world @@ -78,7 +78,7 @@ console.log(preservingFalsy); // '' (as myText is neither undefined nor null) <p>与 OR 和 AND 逻辑操作符相似，当左表达式不为 <code>null</code> 或 <code>undefined</code> 时，不会对右表达式进行求值。</p> -<pre class="brush: js notranslate">function A() { console.log('函数 A 被调用了'); return undefined; } +<pre class="brush: js">function A() { console.log('函数 A 被调用了'); return undefined; } function B() { console.log('函数 B 被调用了'); return false; } function C() { console.log('函数 C 被调用了'); return "foo"; } @@ -96,19 +96,19 @@ console.log( B() ?? C() ); <p>将 <code>??</code> 直接与 AND（<code>&&</code>）和 OR（<code>||</code>）操作符组合使用是不可取的。（译者注：应当是因为空值合并操作符和其他逻辑操作符之间的运算优先级/运算顺序是未定义的）这种情况下会抛出 <code><a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/SyntaxError">SyntaxError</a></code> 。</p> -<pre class="brush: js example-bad notranslate">null || undefined ?? "foo"; // 抛出 SyntaxError +<pre class="brush: js example-bad">null || undefined ?? "foo"; // 抛出 SyntaxError true || undefined ?? "foo"; // 抛出 SyntaxError</pre> <p>但是，如果使用括号来显式表明运算优先级，是没有问题的：</p> -<pre class="brush: js example-good notranslate">(null || undefined ) ?? "foo"; // 返回 "foo" +<pre class="brush: js example-good">(null || undefined ) ?? "foo"; // 返回 "foo" </pre> <h3 id="与可选链式操作符（.）的关系">与可选链式操作符（<code>?.</code>）的关系</h3> <p>空值合并操作符针对 <code>undefined</code> 与 <code>null</code> 这两个值，<a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/Optional_chaining">可选链式操作符（<code>?.</code>）</a> 也是如此。在这访问属性可能为 <code>undefined</code> 与 <code>null</code> 的对象时，可选链式操作符非常有用。</p> -<pre class="brush: js notranslate">let foo = { someFooProp: "hi" }; +<pre class="brush: js">let foo = { someFooProp: "hi" }; console.log(foo.someFooProp?.toUpperCase()); // "HI" console.log(foo.someBarProp?.toUpperCase()); // undefined diff --git a/files/zh-cn/web/javascript/reference/operators/optional_chaining/index.html b/files/zh-cn/web/javascript/reference/operators/optional_chaining/index.html index 6f639f537a..e765e6d66b 100644 --- a/files/zh-cn/web/javascript/reference/operators/optional_chaining/index.html +++ b/files/zh-cn/web/javascript/reference/operators/optional_chaining/index.html @@ -26,7 +26,7 @@ original_slug: Web/JavaScript/Reference/Operators/可选链 <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><var>obj</var>?.<var>prop</var> +<pre class="syntaxbox"><var>obj</var>?.<var>prop</var> <var>obj</var>?.[<var>expr</var>] <var>arr</var>?.[<var>index</var>] <var>func</var>?.(<var>args</var>) @@ -38,19 +38,19 @@ original_slug: Web/JavaScript/Reference/Operators/可选链 <p>比如，思考一个存在嵌套结构的对象 <code>obj</code>。不使用可选链的话，查找一个深度嵌套的子属性时，需要验证之间的引用，例如：</p> -<pre class="brush: js notranslate">let nestedProp = obj.first && obj.first.second;</pre> +<pre class="brush: js">let nestedProp = obj.first && obj.first.second;</pre> <p>为了避免报错，在访问<code>obj.first.second</code>之前，要保证 <code>obj.first</code> 的值既不是 <code>null</code>，也不是 <code>undefined</code>。如果只是直接访问 <code>obj.first.second</code>，而不对 <code>obj.first</code> 进行校验，则有可能抛出错误。</p> <p>有了可选链操作符（<code>?.</code>），在访问 <code>obj.first.second</code> 之前，不再需要明确地校验 <code>obj.first</code> 的状态，再并用短路计算获取最终结果：</p> -<pre class="brush: js notranslate">let nestedProp = obj.first?.second;</pre> +<pre class="brush: js">let nestedProp = obj.first?.second;</pre> <p>通过使用 <code>?.</code> 操作符取代 <code>.</code> 操作符，JavaScript 会在尝试访问 <code>obj.first.second</code> 之前，先隐式地检查并确定 <code>obj.first</code> 既不是 <code>null</code> 也不是 <code>undefined</code>。如果<code>obj.first </code>是 <code>null</code> 或者 <code>undefined</code>，表达式将会短路计算直接返回 <code>undefined</code>。</p> <p>这等价于以下表达式，但实际上没有创建临时变量：</p> -<pre class="brush: js notranslate">let temp = obj.first; +<pre class="brush: js">let temp = obj.first; let nestedProp = ((temp === null || temp === undefined) ? undefined : temp.second);</pre> <h3 id="可选链与函数调用">可选链与函数调用</h3> @@ -59,7 +59,7 @@ let nestedProp = ((temp === null || temp === undefined) ? undefined : temp.secon <p>函数调用时如果被调用的方法不存在，使用可选链可以使表达式自动返回<code>undefined</code>而不是抛出一个异常。</p> -<pre class="brush: js notranslate">let result = someInterface.customMethod?.();</pre> +<pre class="brush: js">let result = someInterface.customMethod?.();</pre> <div class="blockIndicator note"> <p><strong>注意:</strong> 如果存在一个属性名且不是函数, 使用 <code>?.</code> 仍然会产生一个 {{JSxRef("TypeError")}} 异常 (<code>x.y</code><code> is not a function</code>).</p> @@ -73,7 +73,7 @@ let nestedProp = ((temp === null || temp === undefined) ? undefined : temp.secon <p>如果使用<a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">解构赋值</a>来解构的一个对象的回调函数或 fetch 方法，你可能得到不能当做函数直接调用的不存在的值，除非你已经校验了他们的存在性。使用<code>?.</code>的你可以忽略这些额外的校验：</p> -<pre class="brush: js notranslate">// ES2019的写法 +<pre class="brush: js">// ES2019的写法 function doSomething(onContent, onError) { try { // ... do something with the data @@ -86,7 +86,7 @@ function doSomething(onContent, onError) { } </pre> -<pre class="brush: js notranslate">// 使用可选链进行函数调用 +<pre class="brush: js">// 使用可选链进行函数调用 function doSomething(onContent, onError) { try { // ... do something with the data @@ -101,16 +101,16 @@ function doSomething(onContent, onError) { <p>当使用<a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/Property_Accessors#方括号表示法">方括号与属性名</a>的形式来访问属性时，你也可以使用可选链操作符：</p> -<pre class="brush: js notranslate">let nestedProp = obj?.['prop' + 'Name'];</pre> +<pre class="brush: js">let nestedProp = obj?.['prop' + 'Name'];</pre> <h3 id="可选链不能用于赋值">可选链不能用于赋值</h3> -<pre class="notranslate"><code>let object = {}; +<pre><code>let object = {}; object?.property = 1; // Uncaught SyntaxError: Invalid left-hand side in assignment</code></pre> <h3 id="可选链访问数组元素">可选链访问数组元素</h3> -<pre class="notranslate">let arrayItem = arr?.[42];</pre> +<pre>let arrayItem = arr?.[42];</pre> <h2 id="例子">例子</h2> @@ -118,7 +118,7 @@ object?.property = 1; // Uncaught SyntaxError: Invalid left-hand side in assignm <p>如下的例子在一个不含 <code>bar</code> 成员的 Map 中查找 <code>bar</code> 成员的 <code>name</code> 属性，因此结果是 <code>undefined</code>。</p> -<pre class="brush: js notranslate">let myMap = new Map(); +<pre class="brush: js">let myMap = new Map(); myMap.set("foo", {name: "baz", desc: "inga"}); let nameBar = myMap.get("bar")?.name;</pre> @@ -127,7 +127,7 @@ let nameBar = myMap.get("bar")?.name;</pre> <p>当在表达式中使用可选链时，如果左操作数是 <code>null</code> 或 <code>undefined</code>，表达式将不会被计算，例如：</p> -<pre class="brush: js notranslate">let potentiallyNullObj = null; +<pre class="brush: js">let potentiallyNullObj = null; let x = 0; let prop = potentiallyNullObj?.[x++]; @@ -138,7 +138,7 @@ console.log(x); // x 将不会被递增，依旧输出 0 <p>可以连续使用可选链读取多层嵌套结构：</p> -<pre class="brush: js notranslate">let customer = { +<pre class="brush: js">let customer = { name: "Carl", details: { age: 82, @@ -155,7 +155,7 @@ let duration = vacations.trip?.getTime?.(); <p>{{JSxRef("Operators/Nullish_Coalescing_Operator", "空值合并操作符")}}可以在使用可选链时设置一个默认值：</p> -<pre class="brush: js notranslate"><code>let customer = { +<pre class="brush: js"><code>let customer = { name: "Carl", details: { age: 82 } }; diff --git a/files/zh-cn/web/javascript/reference/operators/remainder/index.html b/files/zh-cn/web/javascript/reference/operators/remainder/index.html index f09292e4ff..a2d1e19fa6 100644 --- a/files/zh-cn/web/javascript/reference/operators/remainder/index.html +++ b/files/zh-cn/web/javascript/reference/operators/remainder/index.html @@ -21,14 +21,14 @@ original_slug: Web/JavaScript/Reference/Operators/取余 <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><strong>Operator:</strong> <var>var1</var> % <var>var2</var> +<pre class="syntaxbox"><strong>Operator:</strong> <var>var1</var> % <var>var2</var> </pre> <h2 id="示例">示例</h2> <h3 id="被除数为正数">被除数为正数</h3> -<pre class="brush: js notranslate"> 12 % 5 // 2 +<pre class="brush: js"> 12 % 5 // 2 1 % -2 // 1 1 % 2 // 1 2 % 3 // 2 @@ -37,13 +37,13 @@ original_slug: Web/JavaScript/Reference/Operators/取余 <h3 id="被除数为负数">被除数为负数</h3> -<pre class="brush: js notranslate">-12 % 5 // -2 +<pre class="brush: js">-12 % 5 // -2 -1 % 2 // -1 -4 % 2 // -0</pre> <h3 id="被除数为NaN">被除数为NaN</h3> -<pre class="brush: js notranslate">NaN % 2 // NaN</pre> +<pre class="brush: js">NaN % 2 // NaN</pre> <h2 id="规范">规范</h2> diff --git a/files/zh-cn/web/javascript/reference/operators/remainder_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/remainder_assignment/index.html index a9d015e467..d36fa7cdc3 100644 --- a/files/zh-cn/web/javascript/reference/operators/remainder_assignment/index.html +++ b/files/zh-cn/web/javascript/reference/operators/remainder_assignment/index.html @@ -15,14 +15,14 @@ translation_of: Web/JavaScript/Reference/Operators/Remainder_assignment <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><strong>Operator:</strong> x %= y +<pre class="syntaxbox"><strong>Operator:</strong> x %= y <strong>Meaning:</strong> x = x % y</pre> <h2 id="Examples">Examples</h2> <h3 id="Using_remainder_assignment">Using remainder assignment</h3> -<pre class="brush: js notranslate">// Assuming the following variable +<pre class="brush: js">// Assuming the following variable // bar = 5 bar %= 2 // 1 diff --git a/files/zh-cn/web/javascript/reference/operators/right_shift/index.html b/files/zh-cn/web/javascript/reference/operators/right_shift/index.html index f049a499a9..583da5cafe 100644 --- a/files/zh-cn/web/javascript/reference/operators/right_shift/index.html +++ b/files/zh-cn/web/javascript/reference/operators/right_shift/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Operators/Right_shift <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><code><var>a</var> >> <var>b</var></code> +<pre class="syntaxbox"><code><var>a</var> >> <var>b</var></code> </pre> <h2 id="Description">Description</h2> @@ -22,14 +22,14 @@ translation_of: Web/JavaScript/Reference/Operators/Right_shift <p>For example, <code>9 >> 2</code> yields 2:</p> -<pre class="brush: js notranslate">. 9 (base 10): 00000000000000000000000000001001 (base 2) +<pre class="brush: js">. 9 (base 10): 00000000000000000000000000001001 (base 2) -------------------------------- 9 >> 2 (base 10): 00000000000000000000000000000010 (base 2) = 2 (base 10) </pre> <p>Likewise, <code>-9 >> 2</code> yields <code>-3</code>, because the sign is preserved:</p> -<pre class="brush: js notranslate">. -9 (base 10): 11111111111111111111111111110111 (base 2) +<pre class="brush: js">. -9 (base 10): 11111111111111111111111111110111 (base 2) -------------------------------- -9 >> 2 (base 10): 11111111111111111111111111111101 (base 2) = -3 (base 10) </pre> @@ -38,7 +38,7 @@ translation_of: Web/JavaScript/Reference/Operators/Right_shift <h3 id="Using_right_shift">Using right shift</h3> -<pre class="brush: js notranslate"> 9 >> 2; // 2 +<pre class="brush: js"> 9 >> 2; // 2 -9 >> 2; // -3 </pre> diff --git a/files/zh-cn/web/javascript/reference/operators/right_shift_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/right_shift_assignment/index.html index f9e8b3c8c4..0ebfbbd51e 100644 --- a/files/zh-cn/web/javascript/reference/operators/right_shift_assignment/index.html +++ b/files/zh-cn/web/javascript/reference/operators/right_shift_assignment/index.html @@ -15,14 +15,14 @@ translation_of: Web/JavaScript/Reference/Operators/Right_shift_assignment <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><strong>Operator:</strong> x >>= y +<pre class="syntaxbox"><strong>Operator:</strong> x >>= y <strong>Meaning:</strong> x = x >> y</pre> <h2 id="Examples">Examples</h2> <h3 id="Using_right_shift_assignment">Using right shift assignment</h3> -<pre class="brush: js notranslate">let a = 5; // (00000000000000000000000000000101) +<pre class="brush: js">let a = 5; // (00000000000000000000000000000101) a >>= 2; // 1 (00000000000000000000000000000001) let b = -5; // (-00000000000000000000000000000101) diff --git a/files/zh-cn/web/javascript/reference/operators/spread_syntax/index.html b/files/zh-cn/web/javascript/reference/operators/spread_syntax/index.html index 0397ee8e96..3f21c5b960 100644 --- a/files/zh-cn/web/javascript/reference/operators/spread_syntax/index.html +++ b/files/zh-cn/web/javascript/reference/operators/spread_syntax/index.html @@ -20,15 +20,15 @@ translation_of: Web/JavaScript/Reference/Operators/Spread_syntax <p>函数调用：</p> -<pre class="syntaxbox notranslate">myFunction(...iterableObj);</pre> +<pre class="syntaxbox">myFunction(...iterableObj);</pre> <p>字面量数组构造或字符串：</p> -<pre class="notranslate">[...iterableObj, '4', ...'hello', 6];</pre> +<pre>[...iterableObj, '4', ...'hello', 6];</pre> <p>构造字面量对象时,进行克隆或者属性拷贝（ECMAScript 2018规范新增特性）：</p> -<pre class="syntaxbox notranslate">let objClone = { ...obj };</pre> +<pre class="syntaxbox">let objClone = { ...obj };</pre> <h2 id="示例">示例</h2> @@ -38,19 +38,19 @@ translation_of: Web/JavaScript/Reference/Operators/Spread_syntax <p>如果想将数组元素迭代为函数参数，一般使用{{jsxref( "Function.prototype.apply")}} 的方式进行调用。</p> -<pre class="brush: js notranslate">function myFunction(x, y, z) { } +<pre class="brush: js">function myFunction(x, y, z) { } var args = [0, 1, 2]; myFunction.apply(null, args);</pre> <p>有了展开语法，可以这样写：</p> -<pre class="brush: js notranslate"><code>function myFunction(x, y, z) { } +<pre class="brush: js"><code>function myFunction(x, y, z) { } var args = [0, 1, 2]; myFunction(...args);</code></pre> <p>所有参数都可以通过展开语法来传值，也不限制多次使用展开语法。</p> -<pre class="brush: js notranslate">function myFunction(v, w, x, y, z) { } +<pre class="brush: js">function myFunction(v, w, x, y, z) { } var args = [0, 1]; myFunction(-1, ...args, 2, ...[3]);</pre> @@ -58,13 +58,13 @@ myFunction(-1, ...args, 2, ...[3]);</pre> <p>使用 <code>new</code> 关键字来调用构造函数时，不能<strong>直接</strong>使用数组+ <code>apply</code> 的方式（<code>apply</code> 执行的是调用 <code>[[Call]]</code> , 而不是构造 <code>[[Construct]]</code>）。当然, 有了展开语法, 将数组展开为构造函数的参数就很简单了：</p> -<pre class="brush: js notranslate">var dateFields = [1970, 0, 1]; // 1970年1月1日 +<pre class="brush: js">var dateFields = [1970, 0, 1]; // 1970年1月1日 var d = new Date(...dateFields);</font></font> </pre> <p>如果不使用展开语法, 想将数组元素传给构造函数, 实现方式可能是这样的：</p> -<pre class="brush: js notranslate">function applyAndNew(constructor, args) { +<pre class="brush: js">function applyAndNew(constructor, args) { function partial () { return constructor.apply(this, args); }; @@ -96,7 +96,7 @@ console.log(new myConstructorWithArguments); <p>没有展开语法的时候，只能组合使用 <code>push</code>, <code>splice</code>, <code>concat</code> 等方法，来将已有数组元素变成新数组的一部分。有了展开语法, 通过字面量方式, 构造新数组会变得更简单、更优雅：</p> -<pre class="brush: js notranslate">var parts = ['shoulders', 'knees']; +<pre class="brush: js">var parts = ['shoulders', 'knees']; var lyrics = ['head', ...parts, 'and', 'toes']; </font></font> // ["head", "shoulders", "knees", "and", "toes"] </pre> @@ -105,7 +105,7 @@ var lyrics = ['head', ...parts, 'and', 'toes']; </font></font> <h4 id="数组拷贝copy">数组拷贝(copy)</h4> -<pre class="brush: js notranslate">var arr = [1, 2, 3]; +<pre class="brush: js">var arr = [1, 2, 3]; var arr2 = [...arr]; // like arr.slice() arr2.push(4); @@ -115,7 +115,7 @@ arr2.push(4); <p><strong>提示:</strong> 实际上, 展开语法和 {{jsxref("Object.assign()")}} 行为一致, 执行的都是浅拷贝(只遍历一层)。如果想对多维数组进行深拷贝, 下面的示例就有些问题了。</p> -<pre class="brush: js notranslate">var a = [[1], [2], [3]]; +<pre class="brush: js">var a = [[1], [2], [3]]; var b = [...a]; b.shift().shift(); // 1 // Now array a is affected as well: [[2], [3]] @@ -125,28 +125,28 @@ b.shift().shift(); // 1 <p>{{jsxref("Array.concat")}} 函数常用于将一个数组连接到另一个数组的后面。如果不使用展开语法, 代码可能是下面这样的:</p> -<pre class="brush: js notranslate">var arr1 = [0, 1, 2]; +<pre class="brush: js">var arr1 = [0, 1, 2]; var arr2 = [3, 4, 5]; // 将 arr2 中所有元素附加到 arr1 后面并返回 var arr3 = arr1.concat(arr2);</pre> <p>使用展开语法:</p> -<pre class="brush: js notranslate">var arr1 = [0, 1, 2]; +<pre class="brush: js">var arr1 = [0, 1, 2]; var arr2 = [3, 4, 5]; var arr3 = [...arr1, ...arr2]; </pre> <p>{{jsxref("Array.unshift")}} 方法常用于在数组的开头插入新元素/数组. 不使用展开语法, 示例如下:</p> -<pre class="brush: js notranslate">var arr1 = [0, 1, 2]; +<pre class="brush: js">var arr1 = [0, 1, 2]; var arr2 = [3, 4, 5]; // 将 arr2 中的元素插入到 arr1 的开头 Array.prototype.unshift.apply(arr1, arr2) // arr1 现在是 [3, 4, 5, 0, 1, 2]</pre> <p>如果使用展开语法, 代码如下: [请注意, 这里使用展开语法创建了一个新的 <code>arr1</code> 数组, {{jsxref("Array.unshift")}} 方法则是修改了原本存在的 <code>arr1</code> 数组]:</p> -<pre class="brush: js notranslate">var arr1 = [0, 1, 2]; +<pre class="brush: js">var arr1 = [0, 1, 2]; var arr2 = [3, 4, 5]; arr1 = [...arr2, ...arr1]; // arr1 现在为 [3, 4, 5, 0, 1, 2] </pre> @@ -157,7 +157,7 @@ arr1 = [...arr2, ...arr1]; // arr1 现在为 [3, 4, 5, 0, 1, 2] <p>浅拷贝(Shallow-cloning, 不包含 prototype) 和对象合并, 可以使用更简短的展开语法。而不必再使用 {{jsxref("Object.assign()")}} 方式.</p> -<pre class="brush: js notranslate">var obj1 = { foo: 'bar', x: 42 }; +<pre class="brush: js">var obj1 = { foo: 'bar', x: 42 }; var obj2 = { foo: 'baz', y: 13 }; var clonedObj = { ...obj1 }; @@ -173,7 +173,7 @@ var mergedObj = { ...obj1, ...obj2 }; <p><strong>提示</strong>: 不能替换或者模拟 {{jsxref("Object.assign()")}} 函数:</p> -<pre class="notranslate"><code>var obj1 = { foo: 'bar', x: 42 }; +<pre><code>var obj1 = { foo: 'bar', x: 42 }; var obj2 = { foo: 'baz', y: 13 }; const merge = ( ...objects ) => ( { ...objects } ); @@ -191,7 +191,7 @@ var mergedObj = merge ( {}, obj1, obj2); <p>在数组或函数参数中使用展开语法时, 该语法只能用于 <a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Symbol/iterator">可迭代对象</a>：</p> -<pre class="brush: js notranslate">var obj = {'key1': 'value1'}; +<pre class="brush: js">var obj = {'key1': 'value1'}; var array = [...obj]; // TypeError: obj is not iterable </pre> diff --git a/files/zh-cn/web/javascript/reference/operators/strict_equality/index.html b/files/zh-cn/web/javascript/reference/operators/strict_equality/index.html index 125b67c168..1b8211841a 100644 --- a/files/zh-cn/web/javascript/reference/operators/strict_equality/index.html +++ b/files/zh-cn/web/javascript/reference/operators/strict_equality/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Operators/Strict_equality <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">x === y</pre> +<pre class="syntaxbox">x === y</pre> <h2 id="描述">描述</h2> @@ -39,7 +39,7 @@ translation_of: Web/JavaScript/Reference/Operators/Strict_equality <h3 id="比较相同类型的操作数">比较相同类型的操作数</h3> -<pre class="brush: js notranslate">console.log("hello" === "hello"); // true +<pre class="brush: js">console.log("hello" === "hello"); // true console.log("hello" === "hola"); // false console.log(3 === 3); // true @@ -52,7 +52,7 @@ console.log(null === null); // true</pre> <h3 id="比较不同类型的操作数">比较不同类型的操作数</h3> -<pre class="brush: js notranslate">console.log("3" === 3); // false +<pre class="brush: js">console.log("3" === 3); // false console.log(true === 1); // false @@ -60,7 +60,7 @@ console.log(null === undefined); // false</pre> <h3 id="比较对象">比较对象</h3> -<pre class="brush: js notranslate">const object1 = { +<pre class="brush: js">const object1 = { name: "hello" } diff --git a/files/zh-cn/web/javascript/reference/operators/strict_inequality/index.html b/files/zh-cn/web/javascript/reference/operators/strict_inequality/index.html index a31aa575d1..26efd1748f 100644 --- a/files/zh-cn/web/javascript/reference/operators/strict_inequality/index.html +++ b/files/zh-cn/web/javascript/reference/operators/strict_inequality/index.html @@ -13,13 +13,13 @@ translation_of: Web/JavaScript/Reference/Operators/Strict_inequality <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">x !== y</pre> +<pre class="syntaxbox">x !== y</pre> <h2 id="描述">描述</h2> <p>严格不等式运算符检查其对象是否不相等。它是严格相等运算符的否定，因此下面两行总是会给出相同的结果:</p> -<pre class="brush: js notranslate">x !== y +<pre class="brush: js">x !== y !(x === y)</pre> @@ -27,13 +27,13 @@ translation_of: Web/JavaScript/Reference/Operators/Strict_inequality <p>与严格相等运算符一样，严格不等运算符始终认为不同类型的对象是不同的:</p> -<pre class="brush: js notranslate">3 !== "3"; // true</pre> +<pre class="brush: js">3 !== "3"; // true</pre> <h2 id="示例">示例</h2> <h3 id="比较相同类型的对象">比较相同类型的对象</h3> -<pre class="brush: js notranslate">console.log("hello" !== "hello"); // false +<pre class="brush: js">console.log("hello" !== "hello"); // false console.log("hello" !== "hola"); // true console.log(3 !== 3); // false @@ -46,7 +46,7 @@ console.log(null !== null); // false</pre> <h3 id="比较不同类型的对象">比较不同类型的对象</h3> -<pre class="brush: js notranslate">console.log("3" !== 3); // true +<pre class="brush: js">console.log("3" !== 3); // true console.log(true !== 1); // true @@ -54,7 +54,7 @@ console.log(null !== undefined); // true</pre> <h3 id="比较Object对象">比较Object对象</h3> -<pre class="brush: js notranslate">const object1 = { +<pre class="brush: js">const object1 = { name: "hello" } diff --git a/files/zh-cn/web/javascript/reference/operators/subtraction/index.html b/files/zh-cn/web/javascript/reference/operators/subtraction/index.html index 00dcee2a1e..c4307e2ace 100644 --- a/files/zh-cn/web/javascript/reference/operators/subtraction/index.html +++ b/files/zh-cn/web/javascript/reference/operators/subtraction/index.html @@ -15,19 +15,19 @@ translation_of: Web/JavaScript/Reference/Operators/Subtraction <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><strong>Operator:</strong> <var>x</var> - <var>y</var> +<pre class="syntaxbox"><strong>Operator:</strong> <var>x</var> - <var>y</var> </pre> <h2 id="Examples">Examples</h2> <h3 id="Subtraction_with_numbers">Subtraction with numbers</h3> -<pre class="brush: js notranslate">5 - 3 // 2 +<pre class="brush: js">5 - 3 // 2 3 - 5 // -2</pre> <h3 id="Subtraction_with_non-numbers">Subtraction with non-numbers</h3> -<pre class="brush: js notranslate">'foo' - 3 // NaN</pre> +<pre class="brush: js">'foo' - 3 // NaN</pre> <h2 id="Specifications">Specifications</h2> diff --git a/files/zh-cn/web/javascript/reference/operators/subtraction_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/subtraction_assignment/index.html index 93dc5a138b..9d96a67f7e 100644 --- a/files/zh-cn/web/javascript/reference/operators/subtraction_assignment/index.html +++ b/files/zh-cn/web/javascript/reference/operators/subtraction_assignment/index.html @@ -15,14 +15,14 @@ translation_of: Web/JavaScript/Reference/Operators/Subtraction_assignment <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><strong>Operator:</strong> x -= y +<pre class="syntaxbox"><strong>Operator:</strong> x -= y <strong>Meaning:</strong> x = x - y</pre> <h2 id="Examples">Examples</h2> <h3 id="Using_subtraction_assignment">Using subtraction assignment</h3> -<pre class="brush: js notranslate">// Assuming the following variable +<pre class="brush: js">// Assuming the following variable // bar = 5 bar -= 2 // 3 diff --git a/files/zh-cn/web/javascript/reference/operators/super/index.html b/files/zh-cn/web/javascript/reference/operators/super/index.html index 1f279cb42f..ba936e09ba 100644 --- a/files/zh-cn/web/javascript/reference/operators/super/index.html +++ b/files/zh-cn/web/javascript/reference/operators/super/index.html @@ -16,7 +16,7 @@ translation_of: Web/JavaScript/Reference/Operators/super <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">super([arguments]); +<pre class="syntaxbox">super([arguments]); // 调用 父对象/父类 的构造函数 super.functionOnParent([arguments]); @@ -33,7 +33,7 @@ super.functionOnParent([arguments]); <p>以下代码片段来自于 <a href="https://github.com/GoogleChrome/samples/blob/gh-pages/classes-es6/index.html">classes sample</a>。</p> -<pre class="brush: js notranslate">class Polygon { +<pre class="brush: js">class Polygon { constructor(height, width) { this.name = 'Rectangle'; this.height = height; @@ -69,7 +69,7 @@ class Square extends Polygon { <p>你也可以用 super 调用父类的<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/static">静态方法</a>。</p> -<pre class="brush: js notranslate">class Rectangle { +<pre class="brush: js">class Rectangle { constructor() {} static logNbSides() { return 'I have 4 sides'; @@ -88,7 +88,7 @@ Square.logDescription(); // 'I have 4 sides which are all equal'</pre> <p>你不能使用 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/delete">delete 操作符</a> 加 <code>super.prop</code> 或者 <code>super[expr]</code> 去删除父类的属性，这样做会抛出 {{jsxref("ReferenceError")}}。</p> -<pre class="brush: js notranslate">class Base { +<pre class="brush: js">class Base { constructor() {} foo() {} } @@ -105,7 +105,7 @@ new Derived().delete(); // ReferenceError: invalid delete involving 'super'.</pr <p>当使用 {{jsxref("Object.defineProperty")}} 定义一个属性为不可写时，<code>super</code>将不能重写这个属性的值。</p> -<pre class="brush: js notranslate">class X { +<pre class="brush: js">class X { constructor() { Object.defineProperty(this, 'prop', { configurable: true, @@ -132,7 +132,7 @@ console.log(y.prop); // 1</pre> <p><code>Super</code>也可以在<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer">object initializer / literal</a> 符号中使用。在下面的例子中，两个对象各定义了一个方法。在第二个对象中, 我们使用<code>super</code>调用了第一个对象中的方法。 当然，这需要我们先利用 {{jsxref("Object.setPrototypeOf()")}} 设置<code>obj2</code>的原型为<code>obj1</code>，然后才能够使用<code>super</code>调用 <code>obj1</code>上的<code>method1</code>。</p> -<pre class="brush: js notranslate">var obj1 = { +<pre class="brush: js">var obj1 = { method1() { console.log("method 1"); } diff --git a/files/zh-cn/web/javascript/reference/operators/this/index.html b/files/zh-cn/web/javascript/reference/operators/this/index.html index aea931541f..86616407d0 100644 --- a/files/zh-cn/web/javascript/reference/operators/this/index.html +++ b/files/zh-cn/web/javascript/reference/operators/this/index.html @@ -20,7 +20,7 @@ translation_of: Web/JavaScript/Reference/Operators/this <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">this</pre> +<pre class="syntaxbox">this</pre> <h3 id="值">值</h3> @@ -32,7 +32,7 @@ translation_of: Web/JavaScript/Reference/Operators/this <p>无论是否在严格模式下，在全局执行环境中（在任何函数体外部）<code>this</code> 都指向全局对象。</p> -<pre class="brush:js notranslate">// 在浏览器中, window 对象同时也是全局对象： +<pre class="brush:js">// 在浏览器中, window 对象同时也是全局对象： console.log(this === window); // true a = 37; @@ -52,7 +52,7 @@ console.log(b) // "MDN"</pre> <p>因为下面的代码不在严格模式下，且 <code>this</code> 的值不是由该调用设置的，所以 <code>this</code> 的值默认指向全局对象，浏览器中就是 {{domxref("Window", "window")}}。</p> -<pre class="brush:js notranslate">function f1(){ +<pre class="brush:js">function f1(){ return this; } //在浏览器中： @@ -64,7 +64,7 @@ f1() === globalThis; <p>然而，在严格模式下，如果进入执行环境时没有设置 <code>this</code> 的值，<code>this</code> 会保持为 <code>undefined</code>，如下：</p> -<pre class="brush:js notranslate">function f2(){ +<pre class="brush:js">function f2(){ "use strict"; // 这里是严格模式 return this; } @@ -82,7 +82,7 @@ f2() === undefined; // true <p>在类的构造函数中，<code>this</code> 是一个常规对象。类中所有非静态的方法都会被添加到 <code>this</code> 的原型中：</p> -<pre class="notranslate">class Example { +<pre>class Example { constructor() { const proto = Object.getPrototypeOf(this); console.log(Object.getOwnPropertyNames(proto)); @@ -102,7 +102,7 @@ new Example(); // ['constructor', 'first', 'second']</pre> <p>不像基类的构造函数，派生类的构造函数没有初始的 <code>this</code> 绑定。在构造函数中调用 {{jsxref("Operators/super", "super()")}} 会生成一个 <code>this</code> 绑定，并相当于执行如下代码，Base为基类：</p> -<pre class="notranslate">this = new Base();</pre> +<pre>this = new Base();</pre> <div class="blockIndicator warning"> <p><strong>警告：</strong>在调用 <code>super()</code> 之前引用 <code>this</code> 会抛出错误。</p> @@ -110,7 +110,7 @@ new Example(); // ['constructor', 'first', 'second']</pre> <p>派生类不能在调用 <code>super()</code> 之前返回，除非其构造函数返回的是一个对象，或者根本没有构造函数。</p> -<pre class="notranslate">class Base {} +<pre>class Base {} class Good extends Base {} class AlsoGood extends Base { constructor() { @@ -147,7 +147,7 @@ whatsThis.apply(obj); // 'Custom' 因为函数中的 this 被设置为obj <h3 id="this_和对象转换">this 和对象转换</h3> -<pre class="notranslate">function add(c, d) { +<pre>function add(c, d) { return this.a + this.b + c + d; } @@ -164,7 +164,7 @@ add.apply(o, [10, 20]); // 34 <p>在非严格模式下使用 <code>call</code> 和 <code>apply</code> 时，如果用作 <code>this</code> 的值不是对象，则会被尝试转换为对象。<code>null</code> 和 <code>undefined</code> 被转换为全局对象。原始值如 <code>7</code> 或 <code>'foo'</code> 会使用相应构造函数转换为对象。因此 <code>7</code> 会被转换为 <code>new Number(7)</code> 生成的对象，字符串 <code>'foo'</code> 会转换为 <code>new String('foo')</code> 生成的对象。</p> -<pre class="notranslate">function bar() { +<pre>function bar() { console.log(Object.prototype.toString.call(this)); } @@ -176,7 +176,7 @@ bar.call(undefined); // [object global]</pre> <p>ECMAScript 5 引入了 {{jsxref("Function.prototype.bind()")}}。调用<code>f.bind(someObject)</code>会创建一个与<code>f</code>具有相同函数体和作用域的函数，但是在这个新函数中，<code>this</code>将永久地被绑定到了<code>bind</code>的第一个参数，无论这个函数是如何被调用的。</p> -<pre class="brush:js notranslate">function f(){ +<pre class="brush:js">function f(){ return this.a; } @@ -194,7 +194,7 @@ console.log(o.a, o.f(), o.g(), o.h()); // 37, 37, azerty, azerty <p>在<a href="/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions">箭头函数</a>中，<code>this</code>与封闭词法环境的<code>this</code>保持一致。在全局代码中，它将被设置为全局对象：</p> -<pre class="brush: js notranslate">var globalObject = this; +<pre class="brush: js">var globalObject = this; var foo = (() => this); console.log(foo() === globalObject); // true</pre> @@ -202,7 +202,7 @@ console.log(foo() === globalObject); // true</pre> <p>注意：如果将<code>this</code>传递给<code>call</code>、<code>bind</code>、或者<code>apply</code>来调用箭头函数，它将被忽略。不过你仍然可以为调用添加参数，不过第一个参数（<code>thisArg</code>）应该设置为<code>null</code>。</p> </div> -<pre class="brush: js notranslate">// 接着上面的代码 +<pre class="brush: js">// 接着上面的代码 // 作为对象的一个方法调用 var obj = {foo: foo}; console.log(obj.foo() === globalObject); // true @@ -216,7 +216,7 @@ console.log(foo() === globalObject); // true</pre> <p>无论如何，<code>foo</code> 的 <code>this</code> 被设置为他被创建时的环境（在上面的例子中，就是全局对象）。这同样适用于在其他函数内创建的箭头函数：这些箭头函数的<code>this</code>被设置为封闭的词法环境的。</p> -<pre class="brush: js notranslate">// 创建一个含有bar方法的obj对象， +<pre class="brush: js">// 创建一个含有bar方法的obj对象， // bar返回一个函数， // 这个函数返回this， // 这个返回的函数是以箭头函数创建的， @@ -252,7 +252,7 @@ console.log(fn2()() == window); // true</pre> <p>下面的例子中，当 <code>o.f()</code> 被调用时，函数内的 <code>this</code> 将绑定到 <code>o</code> 对象。</p> -<pre class="brush:js notranslate">var o = { +<pre class="brush:js">var o = { prop: 37, f: function() { return this.prop; @@ -264,7 +264,7 @@ console.log(o.f()); // 37 <p>请注意，这样的行为完全不会受函数定义方式或位置的影响。在前面的例子中，我们在定义对象<code>o</code>的同时，将其中的函数定义为成员 <code>f</code> 。但是，我们也可以先定义函数，然后再将其附属到<code>o.f</code>。这样做的结果是一样的：</p> -<pre class="brush:js notranslate">var o = {prop: 37}; +<pre class="brush:js">var o = {prop: 37}; function independent() { return this.prop; @@ -279,14 +279,14 @@ console.log(o.f()); // 37 <p>同样，<code>this</code> 的绑定只受最接近的成员引用的影响。在下面的这个例子中，我们把一个方法<code>g</code>当作对象<code>o.b</code>的函数调用。在这次执行期间，函数中的<code>this</code>将指向<code>o.b</code>。事实证明，这与他是对象 <code>o</code> 的成员没有多大关系，最近的引用才是最重要的。</p> -<pre class="brush: js notranslate"><code>o.b = {g: independent, prop: 42}; +<pre class="brush: js"><code>o.b = {g: independent, prop: 42}; console.log(o.b.g()); // 42</code></pre> <h4 id="原型链中的_this">原型链中的 <code><strong>this</strong></code></h4> <p>对于在对象原型链上某处定义的方法，同样的概念也适用。如果该方法存在于一个对象的原型链上，那么 <code>this</code> 指向的是调用这个方法的对象，就像该方法就在这个对象上一样。</p> -<pre class="brush:js notranslate">var o = { +<pre class="brush:js">var o = { f: function() { return this.a + this.b; } @@ -304,7 +304,7 @@ console.log(p.f()); // 5 <p>再次，相同的概念也适用于当函数在一个 <code>getter</code> 或者 <code>setter</code> 中被调用。用作 <code>getter</code> 或 <code>setter</code> 的函数都会把 <code>this</code> 绑定到设置或获取属性的对象。</p> -<pre class="brush: js notranslate">function sum() { +<pre class="brush: js">function sum() { return this.a + this.b + this.c; } @@ -331,7 +331,7 @@ console.log(o.average, o.sum); // logs 2, 6 <p>虽然构造函数返回的默认值是 <code>this</code> 所指的那个对象，但它仍可以手动返回其他的对象（如果返回值不是一个对象，则返回 <code>this</code> 对象）。</p> </div> -<pre class="brush: js notranslate">/* +<pre class="brush: js">/* * 构造函数这样工作: * * function MyConstructor(){ @@ -370,7 +370,7 @@ console.log(o.a); // logs 38 <p>当函数被用作事件处理函数时，它的 <code>this</code> 指向触发事件的元素（一些浏览器在使用非 <code>addEventListener</code> 的函数动态地添加监听函数时不遵守这个约定）。</p> -<pre class="brush:js notranslate">// 被调用时，将关联的元素变成蓝色 +<pre class="brush:js">// 被调用时，将关联的元素变成蓝色 function bluify(e){ console.log(this === e.currentTarget); // 总是 true @@ -391,14 +391,14 @@ for(var i=0 ; i<elements.length ; i++){ <p>当代码被内联 <a href="/zh-CN/docs/Web/Guide/Events/Event_handlers">on-event 处理函数</a> 调用时，它的<code>this</code>指向监听器所在的DOM元素：</p> -<pre class="brush: html notranslate"><button onclick="alert(this.tagName.toLowerCase());"> +<pre class="brush: html"><button onclick="alert(this.tagName.toLowerCase());"> Show this </button> </pre> <p>上面的 alert 会显示 <code>button</code>。注意只有外层代码中的 <code>this</code> 是这样设置的：</p> -<pre class="brush: html notranslate"><button onclick="alert((function(){return this})());"> +<pre class="brush: html"><button onclick="alert((function(){return this})());"> Show inner this </button> </pre> @@ -409,7 +409,7 @@ for(var i=0 ; i<elements.length ; i++){ <p>和其他普通函数一样，方法中的 <code>this</code> 值取决于它们如何被调用。有时，改写这个行为，让类中的 <code>this</code> 值总是指向这个类实例会很有用。为了做到这一点，可在构造函数中绑定类方法：</p> -<pre class="notranslate">class Car { +<pre>class Car { constructor() { // Bind sayBye but not sayHi to show the difference this.sayBye = this.sayBye.bind(this); diff --git a/files/zh-cn/web/javascript/reference/operators/typeof/index.html b/files/zh-cn/web/javascript/reference/operators/typeof/index.html index 41cf3c8da9..60cd51b992 100644 --- a/files/zh-cn/web/javascript/reference/operators/typeof/index.html +++ b/files/zh-cn/web/javascript/reference/operators/typeof/index.html @@ -19,7 +19,7 @@ translation_of: Web/JavaScript/Reference/Operators/typeof <p><code>typeof</code> 运算符后接操作数：</p> -<pre class="syntaxbox notranslate">typeof <em>operand +<pre class="syntaxbox">typeof <em>operand typeof(operand)</em> </pre> @@ -88,7 +88,7 @@ typeof(operand)</em> <h2 id="示例">示例</h2> -<pre class="brush: js notranslate">// 数值 +<pre class="brush: js">// 数值 typeof 37 === 'number'; typeof 3.14 === 'number'; typeof(42) === 'number'; @@ -152,7 +152,7 @@ typeof Math.sin === 'function'; <h3 id="typeof_null"><code>typeof null</code></h3> -<pre class="brush: js notranslate"><code>// JavaScript 诞生以来便如此 +<pre class="brush: js"><code>// JavaScript 诞生以来便如此 typeof null === 'object';</code></pre> <p>在 JavaScript 最初的实现中，JavaScript 中的值是由一个表示类型的标签和实际数据值表示的。对象的类型标签是 0。由于 <code>null</code> 代表的是空指针（大多数平台下值为 0x00），因此，null 的类型标签是 0，<code>typeof null</code> 也因此返回 <code>"object"</code>。（<a href="http://www.2ality.com/2013/10/typeof-null.html">参考来源</a>）</p> @@ -161,7 +161,7 @@ typeof null === 'object';</code></pre> <h3 id="使用_new_操作符">使用 <code>new</code> 操作符</h3> -<pre class="brush: js notranslate">// 除 Function 外的所有构造函数的类型都是 'object' +<pre class="brush: js">// 除 Function 外的所有构造函数的类型都是 'object' var str = new String('String'); var num = new Number(100); @@ -174,7 +174,7 @@ typeof func; // 返回 'function'</pre> <h3 id="语法中的括号">语法中的括号</h3> -<pre class="brush: js notranslate">// 括号有无将决定表达式的类型。 +<pre class="brush: js">// 括号有无将决定表达式的类型。 var iData = 99; typeof iData + ' Wisen'; // 'number Wisen' @@ -184,7 +184,7 @@ typeof (iData + ' Wisen'); // 'string'</pre> <p>对正则表达式字面量的类型判断在某些浏览器中不符合标准：</p> -<pre class="brush: js notranslate">typeof /s/ === 'function'; // Chrome 1-12 , 不符合 ECMAScript 5.1 +<pre class="brush: js">typeof /s/ === 'function'; // Chrome 1-12 , 不符合 ECMAScript 5.1 typeof /s/ === 'object'; // Firefox 5+ , 符合 ECMAScript 5.1 </pre> @@ -194,7 +194,7 @@ typeof /s/ === 'object'; // Firefox 5+ , 符合 ECMAScript 5.1 <p>但在加入了块级作用域的 <a href="/zh-CN/docs/Web/JavaScript/Reference/Statements/let">let</a> 和 <a href="/zh-CN/docs/Web/JavaScript/Reference/Statements/const">const</a> 之后，在其被声明之前对块中的 <code>let</code> 和 <code>const</code> 变量使用 <code>typeof</code> 会抛出一个 <a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/ReferenceError">ReferenceError</a>。块作用域变量在块的头部处于“<a href="/zh-CN/docs/Web/JavaScript/Reference/Statements/let#Temporal_Dead_Zone_and_errors_with_let">暂存死区</a>”，直至其被初始化，在这期间，访问变量将会引发错误。</p> -<pre class="brush: js notranslate">typeof undeclaredVariable === 'undefined'; +<pre class="brush: js">typeof undeclaredVariable === 'undefined'; typeof newLetVariable; // ReferenceError typeof newConstVariable; // ReferenceError @@ -208,7 +208,7 @@ class newClass{};</pre> <p>当前所有的浏览器都暴露了一个类型为 <code>undefined</code> 的非标准宿主对象 {{domxref("document.all")}}。</p> -<pre class="brush: js notranslate">typeof document.all === 'undefined'; +<pre class="brush: js">typeof document.all === 'undefined'; </pre> <p>尽管规范允许为非标准的外来对象自定义类型标签，但它要求这些类型标签与已有的不同。<code>document.all</code> 的类型标签为 <code>'undefined'</code> 的例子在 Web 领域中被归类为对原 ECMA JavaScript 标准的“故意侵犯”。</p> @@ -219,7 +219,7 @@ class newClass{};</pre> <p>For greater specificity in checking types, a <code>typeof</code> wrapper for usage in production-level code would be as follows (provided <code>obj</code> exists):</p> -<pre class="brush: js notranslate"> function type(obj, fullClass) { +<pre class="brush: js"> function type(obj, fullClass) { // get toPrototypeString() of obj (handles all types) // Early JS environments return '[object Object]' for null, so it's best to directly check for it. @@ -265,7 +265,7 @@ class newClass{};</pre> <p>在 IE 6, 7 和 8 上，很多宿主对象是对象而不是函数。例如：</p> -<pre class="brush: js notranslate">typeof alert === 'object'</pre> +<pre class="brush: js">typeof alert === 'object'</pre> </div> <div class="brush:js language-js line-number" style=""></div> diff --git a/files/zh-cn/web/javascript/reference/operators/unary_negation/index.html b/files/zh-cn/web/javascript/reference/operators/unary_negation/index.html index 2170b92c53..887a79a2a0 100644 --- a/files/zh-cn/web/javascript/reference/operators/unary_negation/index.html +++ b/files/zh-cn/web/javascript/reference/operators/unary_negation/index.html @@ -13,14 +13,14 @@ translation_of: Web/JavaScript/Reference/Operators/Unary_negation <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><strong>Operator:</strong> -<var>x</var> +<pre class="syntaxbox"><strong>Operator:</strong> -<var>x</var> </pre> <h2 id="Examples">Examples</h2> <h3 id="Negating_numbers">Negating numbers</h3> -<pre class="brush: js notranslate">const x = 3; +<pre class="brush: js">const x = 3; const y = -x; // y = -3 @@ -31,7 +31,7 @@ const y = -x; <p>The unary negation operator can convert a non-number into a number.</p> -<pre class="brush: js notranslate">const x = "4"; +<pre class="brush: js">const x = "4"; const y = -x; // y = -4 diff --git a/files/zh-cn/web/javascript/reference/operators/unary_plus/index.html b/files/zh-cn/web/javascript/reference/operators/unary_plus/index.html index 9f3b818df9..da09fa1f02 100644 --- a/files/zh-cn/web/javascript/reference/operators/unary_plus/index.html +++ b/files/zh-cn/web/javascript/reference/operators/unary_plus/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Operators/Unary_plus <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><strong>Operator:</strong> +<var>x</var> +<pre class="syntaxbox"><strong>Operator:</strong> +<var>x</var> </pre> <h2 id="Description">Description</h2> @@ -24,7 +24,7 @@ translation_of: Web/JavaScript/Reference/Operators/Unary_plus <h3 id="Usage_with_numbers">Usage with numbers</h3> -<pre class="brush: js notranslate">const x = 1; +<pre class="brush: js">const x = 1; const y = -1; console.log(+x); @@ -34,7 +34,7 @@ console.log(+y); <h3 id="Usage_with_non-numbers">Usage with non-numbers</h3> -<pre class="brush: js notranslate">+true // 1 +<pre class="brush: js">+true // 1 +false // 0 +null // 0 +function(val){ return val } // NaN diff --git a/files/zh-cn/web/javascript/reference/operators/unsigned_right_shift/index.html b/files/zh-cn/web/javascript/reference/operators/unsigned_right_shift/index.html index f40a28e8b0..52f18ea92c 100644 --- a/files/zh-cn/web/javascript/reference/operators/unsigned_right_shift/index.html +++ b/files/zh-cn/web/javascript/reference/operators/unsigned_right_shift/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Operators/Unsigned_right_shift <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><code><var>a</var> >>> <var>b</var></code> +<pre class="syntaxbox"><code><var>a</var> >>> <var>b</var></code> </pre> <h2 id="描述">描述</h2> @@ -22,14 +22,14 @@ translation_of: Web/JavaScript/Reference/Operators/Unsigned_right_shift <p>For non-negative numbers, zero-fill right shift and sign-propagating right shift yield the same result. For example, <code>9 >>> 2</code> yields 2, the same as <code>9 >> 2</code>:</p> -<pre class="brush: js notranslate">. 9 (base 10): 00000000000000000000000000001001 (base 2) +<pre class="brush: js">. 9 (base 10): 00000000000000000000000000001001 (base 2) -------------------------------- 9 >>> 2 (base 10): 00000000000000000000000000000010 (base 2) = 2 (base 10) </pre> <p>However, this is not the case for negative numbers. For example, <code>-9 >>> 2</code> yields 1073741821, which is different than <code>-9 >> 2</code> (which yields <code>-3</code>):</p> -<pre class="brush: js notranslate">. -9 (base 10): 11111111111111111111111111110111 (base 2) +<pre class="brush: js">. -9 (base 10): 11111111111111111111111111110111 (base 2) -------------------------------- -9 >>> 2 (base 10): 00111111111111111111111111111101 (base 2) = 1073741821 (base 10) </pre> @@ -38,7 +38,7 @@ translation_of: Web/JavaScript/Reference/Operators/Unsigned_right_shift <h3 id="Using_unsigned_right_shift">Using unsigned right shift</h3> -<pre class="brush: js notranslate"> 9 >>> 2; // 2 +<pre class="brush: js"> 9 >>> 2; // 2 -9 >>> 2; // 1073741821 </pre> diff --git a/files/zh-cn/web/javascript/reference/operators/unsigned_right_shift_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/unsigned_right_shift_assignment/index.html index 76379358c0..0c2e1fb3c5 100644 --- a/files/zh-cn/web/javascript/reference/operators/unsigned_right_shift_assignment/index.html +++ b/files/zh-cn/web/javascript/reference/operators/unsigned_right_shift_assignment/index.html @@ -15,14 +15,14 @@ translation_of: Web/JavaScript/Reference/Operators/Unsigned_right_shift_assignme <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><strong>Operator:</strong> x >>>= y +<pre class="syntaxbox"><strong>Operator:</strong> x >>>= y <strong>Meaning:</strong> x = x >>> y</pre> <h2 id="例子">例子</h2> <h3 id="Using_unsigned_right_shift_assignment">Using unsigned right shift assignment</h3> -<pre class="brush: js notranslate">let a = 5; // (00000000000000000000000000000101) +<pre class="brush: js">let a = 5; // (00000000000000000000000000000101) a >>>= 2; // 1 (00000000000000000000000000000001) let b = -5; // (-00000000000000000000000000000101) diff --git a/files/zh-cn/web/javascript/reference/statements/async_function/index.html b/files/zh-cn/web/javascript/reference/statements/async_function/index.html index 37aad08974..b4bdd88173 100644 --- a/files/zh-cn/web/javascript/reference/statements/async_function/index.html +++ b/files/zh-cn/web/javascript/reference/statements/async_function/index.html @@ -23,7 +23,7 @@ translation_of: Web/JavaScript/Reference/Statements/async_function <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">async function <em>name</em>([<em>param</em>[, <em>param</em>[, ... <em>param</em>]]]) { +<pre class="syntaxbox">async function <em>name</em>([<em>param</em>[, <em>param</em>[, ... <em>param</em>]]]) { <em> statements </em> } </pre> @@ -65,14 +65,14 @@ translation_of: Web/JavaScript/Reference/Statements/async_function <p>例如，如下代码:</p> -<pre class="syntaxbox notranslate">async function <var>foo</var>() { +<pre class="syntaxbox">async function <var>foo</var>() { <var>return 1</var> } </pre> <p>等价于:</p> -<pre class="syntaxbox notranslate">function <var>foo</var>() { +<pre class="syntaxbox">function <var>foo</var>() { <var>return Promise.resolve(1)</var> } </pre> @@ -81,14 +81,14 @@ translation_of: Web/JavaScript/Reference/Statements/async_function <p>例如：</p> -<pre class="syntaxbox notranslate">async function <var>foo</var>() { +<pre class="syntaxbox">async function <var>foo</var>() { <var>await 1</var> } </pre> <p>等价于</p> -<pre class="syntaxbox notranslate">function <var>foo</var>() { +<pre class="syntaxbox">function <var>foo</var>() { <var>return Promise.resolve(1).then(() => undefined)</var> } </pre> @@ -103,7 +103,7 @@ translation_of: Web/JavaScript/Reference/Statements/async_function <li>一段时间后，同样当第二个promise完结的时候，<code>result2</code>将被赋值为<code>2</code>，之后函数将会正常同步执行，将默认返回<code>undefined</code> 。</li> </ol> -<pre class="notranslate">async function <var>foo</var>() { +<pre>async function <var>foo</var>() { const result1 = <var>await new Promise((resolve) => setTimeout(() => resolve('1'))) </var> const result2 = <var>await new Promise((resolve) => setTimeout(() => resolve('2')))</var> } @@ -113,7 +113,7 @@ foo()</pre> <p>例如，在下面的代码中，在promise链上配置了<code>.catch</code>处理程序，将抛出未处理的promise错误。这是因为<code>p2</code>返回的结果不会被await处理。</p> -<pre class="notranslate">async function <var>foo</var>() { +<pre>async function <var>foo</var>() { const p1 = <var>new Promise((resolve) => setTimeout(() => resolve('1'), 1000)) </var> const p2 = <var>new Promise((_,reject) => setTimeout(() => reject('2'), 500)) const results = [await p1, await p2] // 不推荐使用这种方式，请使用 Promise.all或者Promise.allSettled </var> @@ -126,7 +126,7 @@ foo().catch(() => {}) // 捕捉所有的错误...</pre> <h3 id="简单例子">简单例子</h3> -<pre class="brush: js notranslate">var resolveAfter2Seconds = function() { +<pre class="brush: js">var resolveAfter2Seconds = function() { console.log("starting slow promise"); return new Promise(resolve => { setTimeout(function() { @@ -238,7 +238,7 @@ setTimeout(parallelPromise, 13000); // same as parallel <p>返回 {{jsxref("Promise")}}的 API 将会产生一个 promise 链，它将函数肢解成许多部分。例如下面的代码：</p> -<pre class="brush: js notranslate">function getProcessedData(url) { +<pre class="brush: js">function getProcessedData(url) { return downloadData(url) // 返回一个 promise 对象 .catch(e => { return downloadFallbackData(url) // 返回一个 promise 对象 @@ -250,7 +250,7 @@ setTimeout(parallelPromise, 13000); // same as parallel <p>可以重写为单个async函数：</p> -<pre class="brush: js notranslate">async function getProcessedData(url) { +<pre class="brush: js">async function getProcessedData(url) { let v; try { v = await downloadData(url); @@ -270,7 +270,7 @@ setTimeout(parallelPromise, 13000); // same as parallel <p>看下下面重写的上面代码，在<code>processDataInWorker</code>抛出异常时返回了null：</p> -<pre class="notranslate"><code>async function getProcessedData(url) { +<pre><code>async function getProcessedData(url) { let v; try { v = await downloadData(url); diff --git a/files/zh-cn/web/javascript/reference/statements/break/index.html b/files/zh-cn/web/javascript/reference/statements/break/index.html index 25d8964e32..c0297dbb86 100644 --- a/files/zh-cn/web/javascript/reference/statements/break/index.html +++ b/files/zh-cn/web/javascript/reference/statements/break/index.html @@ -14,7 +14,7 @@ translation_of: Web/JavaScript/Reference/Statements/break <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate"><code>break [label];</code></pre> +<pre class="syntaxbox"><code>break [label];</code></pre> <dl> <dt><code>label</code> {{optional_inline}}</dt> @@ -33,7 +33,7 @@ translation_of: Web/JavaScript/Reference/Statements/break <p>下面的函数里有个 <code>break</code> 语句，当 <code>i</code> 为 3 时，会中止 {{jsxref("Statements/while", "while")}} 循环，然后返回 3 * <code>x</code> 的值。</p> -<pre class="brush: js notranslate"><code class="language-js">function testBreak(x) { +<pre class="brush: js"><code class="language-js">function testBreak(x) { var i = 0; while (i < 6) { @@ -50,7 +50,7 @@ translation_of: Web/JavaScript/Reference/Statements/break <p>在下面的代码中， <code>break</code> 使用在 {{jsxref("Statements/switch", "switch")}} 语句中，当遇到匹配到case后，就会执行相应的代码并中断循环体。</p> -<pre class="notranslate">const food = "sushi"; +<pre>const food = "sushi"; switch (food) { case "sushi": @@ -68,7 +68,7 @@ switch (food) { <p>下面的代码中一起使用 <code>break</code> 语句和被标记的块语句。一个 <code>break</code> 语句必须内嵌在它引用的标记中。注意，<code>inner_block</code> 内嵌在 <code>outer_block</code> 中。</p> -<pre class="brush:js;highlight:[1,3,5]; notranslate">outer_block:{ +<pre class="brush:js;highlight:[1,3,5];">outer_block:{ inner_block:{ console.log ('1'); @@ -84,7 +84,7 @@ switch (food) { <p>下面的代码同样使用了 <code>break</code> 语句和被标记的块语句，但是产生了一个语法错误，因为它的 <code>break</code> 语句在 <code>block_1</code> 中，但是引用了 <code>block_2</code>。<code>break</code> 语句必须内嵌在它引用的标签中。</p> -<pre class="brush:js;highlight:[1,3,6]; notranslate">block_1:{ +<pre class="brush:js;highlight:[1,3,6];">block_1:{ console.log ('1'); break block_2; // SyntaxError: label not found } @@ -98,7 +98,7 @@ block_2:{ <p>在下面的代码同样会产生SyntaxError，因为它并没被正确的使用在循环、switch或label语句中。</p> -<pre class="notranslate">function testBreak(x) { +<pre>function testBreak(x) { var i = 0; while (i < 6) { @@ -116,7 +116,7 @@ return i * x; testBreak(1); // SyntaxError: Illegal break statement </pre> -<pre class="notranslate">block_1: { +<pre>block_1: { console.log('1'); ( function() { break block_1; // SyntaxError: Undefined label 'block_1' diff --git a/files/zh-cn/web/javascript/reference/statements/const/index.html b/files/zh-cn/web/javascript/reference/statements/const/index.html index b096efd17f..de8e0c7f39 100644 --- a/files/zh-cn/web/javascript/reference/statements/const/index.html +++ b/files/zh-cn/web/javascript/reference/statements/const/index.html @@ -19,7 +19,7 @@ translation_of: Web/JavaScript/Reference/Statements/const <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">const <em>name1 = <em>value1 [</em>, <em>name2</em> = <em>value2</em><em> [</em>, ... [</em>, <em>nameN</em> = <em>valueN]]]</em>;</pre> +<pre class="syntaxbox">const <em>name1 = <em>value1 [</em>, <em>name2</em> = <em>value2</em><em> [</em>, ... [</em>, <em>nameN</em> = <em>valueN]]]</em>;</pre> <dl> <dt><code>nameN</code></dt> @@ -44,7 +44,7 @@ translation_of: Web/JavaScript/Reference/Statements/const <p>常量在声明的时候可以使用大小写，但通常情况下全部用大写字母。</p> -<pre class="brush: js; notranslate">// 定义常量MY_FAV并赋值7 +<pre class="brush: js;">// 定义常量MY_FAV并赋值7 const MY_FAV = 7; // 报错 - Uncaught TypeError: Assignment to constant variable. @@ -69,7 +69,7 @@ let MY_FAV = 20; <p>注意块作用域的性质很重要</p> -<pre class="brush: js notranslate">if (MY_FAV === 7) { +<pre class="brush: js">if (MY_FAV === 7) { // 没问题，并且创建了一个块作用域变量 MY_FAV // (works equally well with let to declare a block scoped non const variable) let MY_FAV = 20; @@ -87,7 +87,7 @@ console.log('my favorite number is ' + MY_FAV); <h3 id="常量要求一个初始值">常量要求一个初始值</h3> -<pre class="brush: js notranslate">// 报错 +<pre class="brush: js">// 报错 // Uncaught SyntaxError: Missing initializer in const declaration const FOO; @@ -97,7 +97,7 @@ const FOO; <p>常量可以定义成对象和数组</p> -<pre class="brush: js notranslate">const MY_OBJECT = {'key': 'value'}; +<pre class="brush: js">const MY_OBJECT = {'key': 'value'}; // 重写对象和上面一样会失败 // Uncaught TypeError: Assignment to constant variable. diff --git a/files/zh-cn/web/javascript/reference/statements/export/index.html b/files/zh-cn/web/javascript/reference/statements/export/index.html index 2eb0086a2f..f2a8e5a226 100644 --- a/files/zh-cn/web/javascript/reference/statements/export/index.html +++ b/files/zh-cn/web/javascript/reference/statements/export/index.html @@ -24,7 +24,7 @@ translation_of: Web/JavaScript/Reference/Statements/export <li>默认导出（每个模块包含一个）</li> </ol> -<pre class="brush: js notranslate">// 导出单个特性 +<pre class="brush: js">// 导出单个特性 export let <em>name1</em>, <em>name2</em>, …, <em>nameN</em>; // also var, const export let <em>name1</em> = …, <em>name2</em> = …, …, <em>nameN</em>; // also var, const export function FunctionName(){...} @@ -63,7 +63,7 @@ export { default } from …;</pre> <p>命名导出：</p> -<pre class="brush: js notranslate">// 导出事先定义的特性 +<pre class="brush: js">// 导出事先定义的特性 export { myFunction，myVariable }; // 导出单个特性（可以导出var，let， @@ -73,7 +73,7 @@ export function myFunction() { ... };</pre> <p>默认导出：</p> -<pre class="brush: js notranslate">// 导出事先定义的特性作为默认值 +<pre class="brush: js">// 导出事先定义的特性作为默认值 export { myFunction as default }; // 导出单个特性作为默认值 @@ -86,16 +86,16 @@ export default class { .. } <p>但是，可以使用任何名称导入默认导出，例如：</p> -<pre class="brush: js notranslate">// 文件 test.js +<pre class="brush: js">// 文件 test.js let k; export default k = 12; </pre> -<pre class="brush: js notranslate">// 另一个文件 +<pre class="brush: js">// 另一个文件 import m from './test'; // 由于 k 是默认导出，所以可以自由使用 import m 替代 import k console.log(m); // 输出为 12 </pre> <p> 你也可以重命名命名导出以避免命名冲突：</p> -<pre class="brush: js notranslate">export { <var>myFunction</var> as <var>function1</var>,<var> +<pre class="brush: js">export { <var>myFunction</var> as <var>function1</var>,<var> myVariable</var> as variable };</pre> <h3 id="重导出_聚合">重导出 / 聚合</h3> @@ -104,13 +104,13 @@ console.log(m); // 输出为 12 </pre> <p>这个可以使用“export from”语法实现：</p> -<pre class="brush: js notranslate">export { default as function1, +<pre class="brush: js">export { default as function1, function2 } from 'bar.js'; </pre> <p>与之形成对比的是联合使用导入和导出：</p> -<pre class="brush: js notranslate">import { default as function1, +<pre class="brush: js">import { default as function1, function2 } from 'bar.js'; export { function1, function2 }; </pre> @@ -121,14 +121,14 @@ export { function1, function2 }; <p>注意：尽管与import等效，但以下语法在语法上无效：</p> </div> -<pre class="brush: js notranslate">import DefaultExport from 'bar.js'; // 有效的 +<pre class="brush: js">import DefaultExport from 'bar.js'; // 有效的 </pre> -<pre class="brush: js notranslate">export DefaultExport from 'bar.js'; // 无效的</pre> +<pre class="brush: js">export DefaultExport from 'bar.js'; // 无效的</pre> <p>这里正确的做法是重命名这个导出：</p> -<pre class="brush: js notranslate">export { default as DefaultExport } from 'bar.js';</pre> +<pre class="brush: js">export { default as DefaultExport } from 'bar.js';</pre> <h2 id="示例">示例</h2> @@ -136,7 +136,7 @@ export { function1, function2 }; <p>在模块 <code>my-module.js</code> 中，可能包含以下代码：</p> -<pre class="brush: js notranslate">// module "my-module.js" +<pre class="brush: js">// module "my-module.js" function cube(x) { return x * x * x; } @@ -158,7 +158,7 @@ export { cube, foo, graph }; <p>然后，在你的 HTML 页面的顶级模块中：</p> -<pre class="brush: js notranslate">import { cube, foo, graph } from 'my-module.js'; +<pre class="brush: js">import { cube, foo, graph } from 'my-module.js'; graph.options = { color:'blue', @@ -180,7 +180,7 @@ console.log(foo); // 4.555806215962888</pre> <p>如果我们要导出一个值或得到模块中的返回值，就可以使用默认导出：</p> -<pre class="brush: js notranslate">// module "my-module.js" +<pre class="brush: js">// module "my-module.js" export default function cube(x) { return x * x * x; @@ -189,7 +189,7 @@ export default function cube(x) { <p>然后，在另一个脚本中，可以直接导入默认导出：</p> -<pre class="brush: js notranslate">import cube from './my-module.js'; +<pre class="brush: js">import cube from './my-module.js'; console.log(cube(3)); // 27 </pre> @@ -206,24 +206,24 @@ console.log(cube(3)); // 27 <p>你的代码看起来应该像这样：</p> -<pre class="brush: js notranslate">// childModule1.js 中 +<pre class="brush: js">// childModule1.js 中 let myFunction = ...; // assign something useful to myFunction let myVariable = ...; // assign something useful to myVariable export {myFunction, myVariable};</pre> -<pre class="brush: js notranslate">// childModule2.js 中 +<pre class="brush: js">// childModule2.js 中 let myClass = ...; // assign something useful to myClass export myClass; </pre> -<pre class="brush: js notranslate">// parentModule.js 中 +<pre class="brush: js">// parentModule.js 中 // 仅仅聚合 childModule1 和 childModule2 中的导出 // 以重新导出他们 export { myFunction, myVariable } from 'childModule1.js'; export { myClass } from 'childModule2.js'; </pre> -<pre class="brush: js notranslate">// 顶层模块中 +<pre class="brush: js">// 顶层模块中 // 我们可以从单个模块调用所有导出，因为 parentModule 事先 // 已经将他们“收集”/“打包”到一起 import { myFunction, myVariable, myClass } from 'parentModule.js' diff --git a/files/zh-cn/web/javascript/reference/statements/for-await...of/index.html b/files/zh-cn/web/javascript/reference/statements/for-await...of/index.html index 247677e1b9..597426a1fc 100644 --- a/files/zh-cn/web/javascript/reference/statements/for-await...of/index.html +++ b/files/zh-cn/web/javascript/reference/statements/for-await...of/index.html @@ -28,7 +28,7 @@ translation_of: Web/JavaScript/Reference/Statements/for-await...of <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">for await (<em>variable</em> of <em>iterable</em>) { +<pre class="syntaxbox">for await (<em>variable</em> of <em>iterable</em>) { <em>statement </em>} </pre> @@ -46,7 +46,7 @@ translation_of: Web/JavaScript/Reference/Statements/for-await...of <p>你还可以迭代一个明确实现异步迭代协议的对象：</p> -<pre class="brush:js notranslate">var asyncIterable = { +<pre class="brush:js">var asyncIterable = { [Symbol.asyncIterator]() { return { i: 0, @@ -76,7 +76,7 @@ translation_of: Web/JavaScript/Reference/Statements/for-await...of <p>异步生成器已经实现了异步迭代器协议, 所以可以用 <code>for await...of</code>循环。</p> -<pre class="brush: js notranslate">async function* asyncGenerator() { +<pre class="brush: js">async function* asyncGenerator() { var i = 0; while (i < 3) { yield i++; @@ -94,7 +94,7 @@ translation_of: Web/JavaScript/Reference/Statements/for-await...of <p>有关使用<code>for await... of</code>考虑迭代API中获取数据的异步 generator 更具体的例子。这个例子首先为一个数据流创建了一个异步 generator，然后使用它来获得这个API的响应值的大小。</p> -<pre class="brush: js notranslate">async function* streamAsyncIterator(stream) { +<pre class="brush: js">async function* streamAsyncIterator(stream) { const reader = stream.getReader(); try { while (true) { diff --git a/files/zh-cn/web/javascript/reference/statements/for...in/index.html b/files/zh-cn/web/javascript/reference/statements/for...in/index.html index 7254cda762..b1ec38f6ef 100644 --- a/files/zh-cn/web/javascript/reference/statements/for...in/index.html +++ b/files/zh-cn/web/javascript/reference/statements/for...in/index.html @@ -12,7 +12,7 @@ translation_of: Web/JavaScript/Reference/Statements/for...in <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="notranslate">for (<var>variable</var> in <var>object</var>) +<pre>for (<var>variable</var> in <var>object</var>) statement</pre> <dl> @@ -47,7 +47,7 @@ translation_of: Web/JavaScript/Reference/Statements/for...in <p>下面的函数接受一个对象作为参数。被调用时迭代传入对象的所有可枚举属性然后返回一个所有属性名和其对应值的字符串。</p> -<pre class="brush: js notranslate">var obj = {a:1, b:2, c:3}; +<pre class="brush: js">var obj = {a:1, b:2, c:3}; for (var prop in obj) { console.log("obj." + prop + " = " + obj[prop]); @@ -60,7 +60,7 @@ for (var prop in obj) { <p>下面的函数说明了{{jsxref("Object.prototype.hasOwnProperty", "hasOwnProperty()")}}的用法：继承的属性不显示。</p> -<pre class="brush: js notranslate">var triangle = {a: 1, b: 2, c: 3}; +<pre class="brush: js">var triangle = {a: 1, b: 2, c: 3}; function ColoredTriangle() { this.color = 'red'; @@ -124,7 +124,7 @@ for (var prop in obj) { <p>在 SpiderMonkey 40 {{geckoRelease(40)}} 版本之前，可以在使用一个初始化表达式（<code>i=0</code>）在一个<code>for...in</code>循环中：</p> -<pre class="brush: js example-bad notranslate">var obj = {a: 1, b: 2, c: 3}; +<pre class="brush: js example-bad">var obj = {a: 1, b: 2, c: 3}; for (var i = 0 in obj) { console.log(obj[i]); } diff --git a/files/zh-cn/web/javascript/reference/statements/function/index.html b/files/zh-cn/web/javascript/reference/statements/function/index.html index dc052a53d0..0ab978503d 100644 --- a/files/zh-cn/web/javascript/reference/statements/function/index.html +++ b/files/zh-cn/web/javascript/reference/statements/function/index.html @@ -21,7 +21,7 @@ translation_of: Web/JavaScript/Reference/Statements/function <h2 id="语法">语法</h2> -<pre class="eval notranslate">function <em>name</em>([<em>param</em>,[, <em>param</em>,[..., <em>param</em>]]]) { +<pre class="eval">function <em>name</em>([<em>param</em>,[, <em>param</em>,[..., <em>param</em>]]]) { [<em>statements</em>] } </pre> @@ -55,7 +55,7 @@ translation_of: Web/JavaScript/Reference/Statements/function <p>函数可以被有条件来声明，这意味着，函数声明可能出现在一个 if 语句里，但是，这种声明方式在不同的浏览器里可能有不同的效果。因此，不应该在生产环境代码中使用这种声明方式，应该使用函数表达式来代替。</p> -<pre class="brush: js notranslate"><code>var hoisted = "foo" in this; +<pre class="brush: js"><code>var hoisted = "foo" in this; console.log(`'foo' name ${hoisted ? "is" : "is not"} hoisted. typeof foo is ${typeof foo}`); if (false) { function foo(){ return 1; } @@ -75,7 +75,7 @@ if (false) { <p>注意，即使把上面代码中的 if(false) 改为 if(true)，结果也是一样的</p> -<pre class="brush: js notranslate"><code>var hoisted = "foo" in this; +<pre class="brush: js"><code>var hoisted = "foo" in this; console.log(`'foo' name ${hoisted ? "is" : "is not"} hoisted. typeof foo is ${typeof foo}`); if (true) { function foo(){ return 1; } @@ -98,7 +98,7 @@ if (true) { <p>JavaScript 中的<strong>函数声明</strong>被提升到了<strong>函数定义</strong>。你可以在函数声明之前使用该函数:</p> -<pre class="brush: js language-js notranslate"><code class="language-js" style="direction: ltr; white-space: pre;">hoisted(); // logs "foo" +<pre class="brush: js language-js"><code class="language-js" style="direction: ltr; white-space: pre;">hoisted(); // logs "foo" function hoisted() { console.log('foo'); @@ -109,7 +109,7 @@ function hoisted() { <p>注意 :<strong>函数表达式</strong>{{jsxref("Operators/function", "function expressions")}} 不会被提升:</p> </div> -<pre class="brush: js language-js notranslate"><code class="language-js" style="direction: ltr; white-space: pre;">notHoisted(); // TypeError: notHoisted is not a function +<pre class="brush: js language-js"><code class="language-js" style="direction: ltr; white-space: pre;">notHoisted(); // TypeError: notHoisted is not a function var notHoisted = function() { console.log('bar'); @@ -122,7 +122,7 @@ var notHoisted = function() { <p>下面的代码声明了一个函数,该函数返回了销售的总金额, 参数是产品a,b,c分别的销售的数量.</p> -<pre class="brush: js language-js notranslate"><code class="language-js" style="direction: ltr; white-space: pre;">function calc_sales(units_a, units_b, units_c) {functionfunctionfunctionfunctionfunctionfunctionfunctionfunctionfunctionfunctionfunction +<pre class="brush: js language-js"><code class="language-js" style="direction: ltr; white-space: pre;">function calc_sales(units_a, units_b, units_c) {functionfunctionfunctionfunctionfunctionfunctionfunctionfunctionfunctionfunctionfunction return units_a*79 + units_b * 129 + units_c * 699; }</code></pre> diff --git a/files/zh-cn/web/javascript/reference/statements/import/index.html b/files/zh-cn/web/javascript/reference/statements/import/index.html index eac05517ff..8daa4187e2 100644 --- a/files/zh-cn/web/javascript/reference/statements/import/index.html +++ b/files/zh-cn/web/javascript/reference/statements/import/index.html @@ -21,7 +21,7 @@ translation_of: Web/JavaScript/Reference/Statements/import <p>语法</p> -<pre class="syntaxbox brush: js notranslate">import <em>defaultExport</em> from "<em>module-name</em>"; +<pre class="syntaxbox brush: js">import <em>defaultExport</em> from "<em>module-name</em>"; import * as <em>name</em> from "<em>module-name</em>"; import { <em>export </em>} from "<em>module-name</em>"; import { <em>export</em> as <em>alias </em>} from "<em>module-name</em>"; @@ -55,37 +55,37 @@ var promise = import("module-name");//这是一个处于第三阶段的提案。 <p>这将<code>myModule</code>插入当前作用域，其中包含来自位于<code>/modules/my-module.js</code>文件中导出的所有接口。</p> -<pre class="brush: js notranslate">import * as myModule from '/modules/my-module.js'; +<pre class="brush: js">import * as myModule from '/modules/my-module.js'; </pre> <p>在这里，访问导出接口意味着使用模块名称（在本例为“myModule”）作为命名空间。例如，如果上面导入的模块包含一个接口<code>doAllTheAmazingThings()</code>，你可以这样调用：</p> -<pre class="brush: js notranslate">myModule.doAllTheAmazingThings();</pre> +<pre class="brush: js">myModule.doAllTheAmazingThings();</pre> <h3 id="导入单个接口">导入单个接口</h3> <p>给定一个名为<code>myExport</code>的对象或值，它已经从模块<code>my-module</code>导出（因为整个模块被导出）或显式地导出（使用{{jsxref("Statements/export", "export")}}语句），将<code>myExport</code>插入当前作用域。</p> -<pre class="brush: js notranslate">import {myExport} from '/modules/my-module.js';</pre> +<pre class="brush: js">import {myExport} from '/modules/my-module.js';</pre> <h3 id="导入多个接口">导入多个接口</h3> <p>这将<code>foo</code>和<code>bar</code>插入当前作用域。</p> -<pre class="brush: js notranslate">import {foo, bar} from '/modules/my-module.js';</pre> +<pre class="brush: js">import {foo, bar} from '/modules/my-module.js';</pre> <h3 id="导入带有别名的接口">导入带有别名的接口</h3> <p>你可以在导入时重命名接口。例如，将<code>shortName</code>插入当前作用域。</p> -<pre class="brush: js notranslate">import {reallyReallyLongModuleExportName as shortName} +<pre class="brush: js">import {reallyReallyLongModuleExportName as shortName} from '/modules/my-module.js';</pre> <h3 id="导入时重命名多个接口">导入时重命名多个接口</h3> <p>使用别名导入模块的多个接口。</p> -<pre class="brush: js notranslate">import { +<pre class="brush: js">import { reallyReallyLongModuleMemberName as shortName, anotherLongModuleName as short } from '/modules/my-module.js'; @@ -95,7 +95,7 @@ var promise = import("module-name");//这是一个处于第三阶段的提案。 <p>整个模块仅为副作用（中性词，无贬义含义）而导入，而不导入模块中的任何内容（接口）。 这将运行模块中的全局代码, 但实际上不导入任何值。</p> -<pre class="brush: js notranslate">import '/modules/my-module.js';</pre> +<pre class="brush: js">import '/modules/my-module.js';</pre> <h3 id="导入默认值">导入默认值</h3> @@ -103,22 +103,22 @@ var promise = import("module-name");//这是一个处于第三阶段的提案。 <p>最简单的用法是直接导入默认值：</p> -<pre class="brush: js notranslate">import myDefault from '/modules/my-module.js';</pre> +<pre class="brush: js">import myDefault from '/modules/my-module.js';</pre> <p>也可以同时将<code>default</code>语法与上述用法（命名空间导入或命名导入）一起使用。在这种情况下，<code>default</code>导入必须首先声明。 例如：</p> -<pre class="brush: js notranslate">import myDefault, * as myModule from '/modules/my-module.js'; +<pre class="brush: js">import myDefault, * as myModule from '/modules/my-module.js'; // myModule used as a namespace</pre> <p>或者</p> -<pre class="brush: js notranslate">import myDefault, {foo, bar} from '/modules/my-module.js'; +<pre class="brush: js">import myDefault, {foo, bar} from '/modules/my-module.js'; // specific, named imports </pre> <p>当用{{anch("动态导入")}}的方式导入默认导出时，其工作方式有所不同。你需要从返回的对象中解构并重命名 "default" 键。</p> -<pre class="brush: js notranslate">(async () => { +<pre class="brush: js">(async () => { if (somethingIsTrue) { const { default: myDefault, foo, bar } = await import('/modules/my-module.js'); } @@ -140,7 +140,7 @@ var promise = import("module-name");//这是一个处于第三阶段的提案。 <p>关键字import可以像调用函数一样来动态的导入模块。以这种方式调用，将返回一个 <code>promise</code>。</p> -<pre class="brush: js notranslate">import('/modules/my-module.js') +<pre class="brush: js">import('/modules/my-module.js') .then((module) => { // Do something with the module. }); @@ -148,7 +148,7 @@ var promise = import("module-name");//这是一个处于第三阶段的提案。 <p>这种使用方式也支持 <code>await</code> 关键字。</p> -<pre class="brush: js notranslate">let module = await import('/modules/my-module.js');</pre> +<pre class="brush: js">let module = await import('/modules/my-module.js');</pre> <h2 id="示例">示例</h2> @@ -158,7 +158,7 @@ var promise = import("module-name");//这是一个处于第三阶段的提案。 <h4 id="模块：file.js">模块：file.js</h4> -<pre class="brush: js notranslate">function getJSON(url, callback) { +<pre class="brush: js">function getJSON(url, callback) { let xhr = new XMLHttpRequest(); xhr.onload = function () { callback(this.responseText) @@ -173,7 +173,7 @@ export function getUsefulContents(url, callback) { <h4 id="主程序：main.js">主程序：main.js</h4> -<pre class="brush: js notranslate">import { getUsefulContents } from '/modules/file.js'; +<pre class="brush: js">import { getUsefulContents } from '/modules/file.js'; getUsefulContents('http://www.example.com', data => { doSomethingUseful(data); });</pre> @@ -182,7 +182,7 @@ getUsefulContents('http://www.example.com', <p>此示例展示了如何基于用户操作去加载功能模块到页面上，在例子中通过点击按钮，然后会调用模块内的函数。当然这不是能实现这个功能的唯一方式，<code>import()</code>函数也可以支持<code>await</code>。</p> -<pre class="brush: js notranslate">const main = document.querySelector("main"); +<pre class="brush: js">const main = document.querySelector("main"); for (const link of document.querySelectorAll("nav > a")) { link.addEventListener("click", e => { e.preventDefault(); diff --git a/files/zh-cn/web/javascript/reference/statements/let/index.html b/files/zh-cn/web/javascript/reference/statements/let/index.html index 84898ef237..0dc1a84365 100644 --- a/files/zh-cn/web/javascript/reference/statements/let/index.html +++ b/files/zh-cn/web/javascript/reference/statements/let/index.html @@ -23,7 +23,7 @@ translation_of: Web/JavaScript/Reference/Statements/let <h2 id="语法">语法</h2> -<pre class="syntaxbox notranslate">let var1 [= value1] [, var2 [= value2]] [, ..., varN [= valueN]];</pre> +<pre class="syntaxbox">let var1 [= value1] [, var2 [= value2]] [, ..., varN [= valueN]];</pre> <h3 id="参数">参数</h3> @@ -46,7 +46,7 @@ translation_of: Web/JavaScript/Reference/Statements/let <p><code><strong>let</strong></code>声明的变量只在其声明的块或子块中可用，这一点，与<code><strong>var</strong></code>相似。二者之间最主要的区别在于<code><strong>var</strong></code>声明的变量的作用域是整个封闭函数。</p> -<pre class="brush: js notranslate">function varTest() { +<pre class="brush: js">function varTest() { var x = 1; { var x = 2; // 同样的变量! @@ -69,7 +69,7 @@ function letTest() { <p>位于函数或代码顶部的<strong><code>var</code></strong>声明会给全局对象新增属性, 而<strong><code>let</code></strong>不会。例如:</p> -<pre class="brush: js notranslate">var x = 'global'; +<pre class="brush: js">var x = 'global'; let y = 'global'; console.log(this.x); // "global" console.log(this.y); // undefined @@ -79,7 +79,7 @@ console.log(this.y); // undefined <p>在处理<a href="https://developer.mozilla.org/en-US/docs/Glossary/Constructor">构造函数</a>的时候，可以通过<code><strong>let</strong></code>声明而不是闭包来创建一个或多个私有成员。</p> -<pre class="brush: js notranslate">var Thing; +<pre class="brush: js">var Thing; { let privateScope = new WeakMap(); @@ -122,7 +122,7 @@ thing.showPrivate(); <p>在同一个函数或块作用域中重复声明同一个变量会引起{{jsxref("SyntaxError")}}。</p> -<pre class="brush: js example-bad notranslate">if (x) { +<pre class="brush: js example-bad">if (x) { let foo; let foo; // SyntaxError thrown. } @@ -130,7 +130,7 @@ thing.showPrivate(); <p>在 <a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Statements/switch"><code>switch</code></a> 语句中只有一个块，你可能因此而遇到错误。</p> -<pre class="brush: js example-bad notranslate">let x = 1; +<pre class="brush: js example-bad">let x = 1; switch(x) { case 0: let foo; @@ -144,7 +144,7 @@ switch(x) { <p>然而，需要特别指出的是，一个嵌套在 case 子句中的块会创建一个新的块作用域的词法环境，就不会产生上诉重复声明的错误。</p> -<pre class="notranslate">let x = 1; +<pre>let x = 1; switch(x) { case 0: { @@ -162,7 +162,7 @@ switch(x) { <p>与通过 <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/var#var_hoisting">var</a></code> 声明的有初始化值 <code>undefined</code> 的变量不同，通过 <code>let</code> 声明的变量直到它们的定义被执行时才初始化。在变量初始化前访问该变量会导致 <code><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/ReferenceError">ReferenceError</a></code>。该变量处在一个自块顶部到初始化处理的“暂存死区”中。</p> -<pre class="brush: js notranslate">function do_something() { +<pre class="brush: js">function do_something() { console.log(bar); // undefined console.log(foo); // ReferenceError var bar = 1; @@ -173,7 +173,7 @@ switch(x) { <p>与通过<code>var</code>声明的变量, 有初始化值 <code>undefined</code>和只是未声明的变量不同的是，如果使用<code>typeof</code>检测在暂存死区中的变量, 会抛出<code>ReferenceError</code>异常:</p> -<pre class="notranslate"><code>// prints out 'undefined' +<pre><code>// prints out 'undefined' console.log(typeof undeclaredVariable); // results in a 'ReferenceError' @@ -189,7 +189,7 @@ let i = 10;</code> <p>这个if块里的<code>foo</code>还依旧在暂存死区里。</p> -<pre class="brush: js example-bad notranslate">function test(){ +<pre class="brush: js example-bad">function test(){ var foo = 33; if (foo) { let foo = (foo + 55); // ReferenceError @@ -201,7 +201,7 @@ test();</pre> <p>在没有执行到它的初始化语句之前，它仍旧存在于暂存死区中。</p> -<pre class="brush: js example-bad notranslate">function go(n) { +<pre class="brush: js example-bad">function go(n) { // n here is defined! console.log(n); // Object {a: [1,2,3]} @@ -216,7 +216,7 @@ go({a: [1, 2, 3]});</pre> <p>用在块级作用域中时, <strong><code>let</code></strong>将变量的作用域限制在块内, 而<code><strong>var</strong></code>声明的变量的作用域是在函数内.</p> -<pre class="brush: js notranslate">var a = 1; +<pre class="brush: js">var a = 1; var b = 2; if (a === 1) { @@ -232,7 +232,7 @@ console.log(b); // 2</pre> <p>而这种<code><strong>var</strong></code> 与 <strong><code>let</code></strong>合并的声明方式会报<code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SyntaxError">SyntaxError</a></code>错误, 因为<code><strong>var</strong></code>会将变量提升至块的顶部, 这会导致隐式地重复声明变量.</p> -<pre class="brush: js example-bad notranslate">let x = 1; +<pre class="brush: js example-bad">let x = 1; { var x = 2; // SyntaxError for re-declaration diff --git a/files/zh-cn/web/javascript/reference/statements/switch/index.html b/files/zh-cn/web/javascript/reference/statements/switch/index.html index 64cce4f231..763bda116b 100644 --- a/files/zh-cn/web/javascript/reference/statements/switch/index.html +++ b/files/zh-cn/web/javascript/reference/statements/switch/index.html @@ -20,7 +20,7 @@ translation_of: Web/JavaScript/Reference/Statements/switch <h2 id="语法">语法</h2> -<pre class="brush: js notranslate">switch (expression) { +<pre class="brush: js">switch (expression) { case value1: // 当 expression 的结果与 value1 匹配时，执行此处语句 [break;] @@ -59,7 +59,7 @@ translation_of: Web/JavaScript/Reference/Statements/switch <p>下面的例子中，如果 <code>expr</code> 计算为 "Bananas"，程序就会匹配值为 "Bananas" 的 case 然后执行相关语句。当遇到 <code>break</code> 时，程序就跳出 <code>switch</code> 然后执行 <code>switch</code> 后的语句。若 <code>break</code> 被省略，值为 "Cherries" 的 case 中的语句就也将被执行。</p> -<pre class="brush: js notranslate">switch (expr) { +<pre class="brush: js">switch (expr) { case 'Oranges': console.log('Oranges are $0.59 a pound.'); break; @@ -87,7 +87,7 @@ console.log("Is there anything else you'd like?"); <p>如果你忘记添加 break，那么代码将会从值所匹配的 case 语句开始运行，然后持续执行下一个 case 语句而不论值是否匹配。例子如下：</p> -<pre class="brush: js notranslate">var foo = 0; +<pre class="brush: js">var foo = 0; switch (foo) { case -1: console.log('negative 1'); @@ -109,7 +109,7 @@ switch (foo) { <p>可以啊！JavaScript 会在它找不到匹配项时跳回到那个 default ：</p> -<pre class="brush: js notranslate">var foo = 5; +<pre class="brush: js">var foo = 5; switch (foo) { case 2: console.log(2); @@ -136,7 +136,7 @@ switch (foo) { <p>这是一个单操作顺序的 switch 语句，其中四个不同值的执行结果完全一样。</p> -<pre class="brush: js notranslate">var Animal = 'Giraffe'; +<pre class="brush: js">var Animal = 'Giraffe'; switch (Animal) { case 'Cow': case 'Giraffe': @@ -153,7 +153,7 @@ switch (Animal) { <p>这是一个关联操作顺序的 switch 语句，其中，根据所输入的整数，你会得到不同的输出。这表示它将以你放置 case 语句的顺序遍历，并且不必是数字顺序的。在 JavaScript 中，你甚至可以将字符串定义到这些 case 语句里。</p> -<pre class="brush: js notranslate">var foo = 1; +<pre class="brush: js">var foo = 1; var output = 'Output: '; switch (foo) { case 0: @@ -222,7 +222,7 @@ switch (foo) { <p>以这段代码为例：</p> -<pre class="brush: js notranslate">const action = 'say_hello'; +<pre class="brush: js">const action = 'say_hello'; switch (action) { case 'say_hello': let message = 'hello'; @@ -243,7 +243,7 @@ switch (action) { <p>通过把 case 语句包装到括号里面，我们就可以轻松解决这个问题。</p> -<pre class="brush: js notranslate">const action = 'say_hello'; +<pre class="brush: js">const action = 'say_hello'; switch (action) { case 'say_hello': { // added brackets let message = 'hello'; diff --git a/files/zh-cn/web/javascript/reference/statements/with/index.html b/files/zh-cn/web/javascript/reference/statements/with/index.html index 32ce03679b..4454271872 100644 --- a/files/zh-cn/web/javascript/reference/statements/with/index.html +++ b/files/zh-cn/web/javascript/reference/statements/with/index.html @@ -15,7 +15,7 @@ translation_of: Web/JavaScript/Reference/Statements/with <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox notranslate">with (expression) { +<pre class="syntaxbox">with (expression) { <em>statement</em> } </pre> @@ -43,7 +43,7 @@ translation_of: Web/JavaScript/Reference/Statements/with <p><strong>弊端：</strong><code>with</code>语句使得代码不易阅读，同时使得JavaScript编译器难以在作用域链上查找某个变量，难以决定应该在哪个对象上来取值。请看下面的例子：</p> -<pre class="brush: js notranslate">function f(x, o) { +<pre class="brush: js">function f(x, o) { with (o) print(x); }</pre> @@ -53,7 +53,7 @@ translation_of: Web/JavaScript/Reference/Statements/with <p><strong>弊端：</strong>使用<code>with</code>语句的代码，无法向前兼容，特別是在使用一些原生数据类型的时候。看下面的例子：</p> <div> -<pre class="brush:js notranslate">function f(foo, values) { +<pre class="brush:js">function f(foo, values) { with (foo) { console.log(values) } @@ -69,7 +69,7 @@ translation_of: Web/JavaScript/Reference/Statements/with <p>下面的<code>with</code>语句指定<code><a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Math" title="JavaScript/Reference/Global_Objects/Math">Math</a></code>对象作为默认对象。<code>with</code>语句里面的变量，分別指向<code>Math</code>对象的<a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/PI" title="JavaScript/Reference/Global_Objects/Math/PI"><code>PI</code></a> 、<code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/cos" title="JavaScript/Reference/Global_Objects/Math/cos">cos</a>和</code><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/sin" title="JavaScript/Reference/Global_Objects/Math/sin">sin</a></code>函数，不用在前面添加命名空间。后续所有引用都指向<code>Math</code>对象。</p> -<pre class="brush:js notranslate">var a, x, y; +<pre class="brush:js">var a, x, y; var r = 10; with (Math) { |