From 01b0e12ba27b5069248fd09235e9a7143915ee30 Mon Sep 17 00:00:00 2001 From: Irvin Date: Wed, 16 Feb 2022 02:02:49 +0800 Subject: remove `notranslate` class in zh-CN --- .../reference/functions/arrow_functions/index.html | 50 +++++++++++----------- 1 file changed, 25 insertions(+), 25 deletions(-) (limited to 'files/zh-cn/web/javascript/reference/functions/arrow_functions') 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

基础语法

-
(param1, param2, …, paramN) => { statements }
+
(param1, param2, …, paramN) => { statements }
 (param1, param2, …, paramN) => expression
 //相当于：(param1, param2, …, paramN) =>{ return expression; }
 
@@ -39,7 +39,7 @@ singleParam => { statements }
 
高级语法

 
 

-
//加括号的函数体返回对象字面量表达式：
+
//加括号的函数体返回对象字面量表达式：
 params => ({foo: bar})
 
 //支持剩余参数和默认参数
@@ -60,7 +60,7 @@ f();  // 6

 
 
更短的函数

 
-
var elements = [
+
var elements = [
   'Hydrogen',
   'Helium',
   'Lithium',
@@ -103,7 +103,7 @@ elements.map(({ "length": lengthFooBArX }) => lengthFooBArX); // [8, 6, 7, 9]
 
 
This被证明是令人厌烦的面向对象风格的编程。

 
-
function Person() {
+
function Person() {
   // Person() 构造函数定义 `this`作为它自己的实例.
   this.age = 0;
 
@@ -118,7 +118,7 @@ var p = new Person();

 
 
在ECMAScript 3/5中，通过将this值分配给封闭的变量，可以解决this问题。

 
-
function Person() {
+
function Person() {
   var that = this;
   that.age = 0;
 
@@ -132,7 +132,7 @@ var p = new Person();

 
 
箭头函数不会创建自己的this,它只会从自己的作用域链的上一层继承this。因此，在下面的代码中，传递给setInterval的函数内的this与封闭函数中的this值相同：

 
-
function Person(){
+
function Person(){
   this.age = 0;
 
   setInterval(() => {
@@ -146,7 +146,7 @@ var p = new Person();

 
 
鉴于 this 是词法层面上的，严格模式中与 this 相关的规则都将被忽略。

 
-
var f = () => { 'use strict'; return this; };
+
var f = () => { 'use strict'; return this; };
 f() === window; // 或者 global

 
 
严格模式的其他规则依然不变.

@@ -155,7 +155,7 @@ f() === window; // 或者 global

 
 
由于 箭头函数没有自己的this指针，通过 call() 或 apply() 方法调用一个函数时，只能传递参数（不能绑定this---译者注），他们的第一个参数会被忽略。（这种现象对于bind方法同样成立---译者注）

 
-
var adder = {
+
var adder = {
   base : 1,
 
   add : function(a) {
@@ -180,7 +180,7 @@ console.log(adder.addThruCall(1)); // 仍然输出 2

 
 
箭头函数不绑定Arguments 对象。因此，在本示例中，arguments只是引用了封闭作用域内的arguments：

 
-
var arguments = [1, 2, 3];
+
var arguments = [1, 2, 3];
 var arr = () => arguments[0];
 
 arr(); // 1
@@ -198,7 +198,7 @@ foo(3,2);//6
 
 
在大多数情况下，使用剩余参数是相较使用arguments对象的更好选择。

 
-
function foo(arg) {
+
function foo(arg) {
   var f = (...args) => args[0];
   return f(arg);
 }
@@ -216,7 +216,7 @@ foo(1,2);  //2
 
 
如上所述，箭头函数表达式对非方法函数是最合适的。让我们看看当我们试着把它们作为方法时发生了什么。

 
-
'use strict';
+
'use strict';
 var obj = {
   i: 10,
   b: () => console.log(this.i, this),
@@ -232,7 +232,7 @@ obj.c();
 
 
箭头函数没有定义this绑定。另一个涉及{{jsxref("Object.defineProperty()")}}的示例：

 
-
'use strict';
+
'use strict';
 var obj = {
   a: 10
 };
@@ -252,14 +252,14 @@ obj.b; // undefined   "undefined"   Window {postMessage: ƒ, blur: ƒ, focus: ƒ
 
 
箭头函数不能用作构造器，和 new一起用会抛出错误。

 
-
var Foo = () => {};
+
var Foo = () => {};
 var foo = new Foo(); // TypeError: Foo is not a constructor

 
 
使用prototype属性

 
 
箭头函数没有prototype属性。

 
-
var Foo = () => {};
+
var Foo = () => {};
 console.log(Foo.prototype); // undefined

 
 
使用 yield 关键字

@@ -272,7 +272,7 @@ console.log(Foo.prototype); // undefined

 
 
在一个简写体中，只需要一个表达式，并附加一个隐式的返回值。在块体中，必须使用明确的return语句。

 
-
var func = x => x * x;
+
var func = x => x * x;
 // 简写函数 省略return
 
 var func = (x, y) => { return x + y; };
@@ -282,7 +282,7 @@ var func = (x, y) => { return x + y; };
 
 
记住用params => {object:literal}这种简单的语法返回对象字面量是行不通的。

 
-
var func = () => { foo: 1 };
+
var func = () => { foo: 1 };
 // Calling func() returns undefined!
 
 var func = () => { foo: function() {} };
@@ -292,19 +292,19 @@ var func = () => { foo: function() {} };
 
 
所以，记得用圆括号把对象字面量包起来：

 
-
var func = () => ({foo: 1});

+
var func = () => ({foo: 1});

 
 
换行

 
 
箭头函数在参数和箭头之间不能换行。

 
-
var func = ()
+
var func = ()
            => 1;
 // SyntaxError: expected expression, got '=>'

 
 
但是，可以通过在 ‘=>’ 之后换行，或者用 ‘( )’、'{ }'来实现换行，如下：

 
-
var func = (a, b, c) =>
+
var func = (a, b, c) =>
   1;
 
 var func = (a, b, c) => (
@@ -327,7 +327,7 @@ var func = (
 
 
虽然箭头函数中的箭头不是运算符，但箭头函数具有与常规函数不同的特殊运算符优先级解析规则。

 
-
let callback;
+
let callback;
 
 callback = callback || function() {}; // ok
 
@@ -338,7 +338,7 @@ callback = callback || (() => {});    // ok

 
 
更多示例

 
-
// 空的箭头函数返回 undefined
+
// 空的箭头函数返回 undefined
 let empty = () => {};
 
 (() => 'foobar')();
@@ -383,7 +383,7 @@ setTimeout( () => {
 
 
箭头函数也可以使用条件（三元）运算符：

 
-
var simple = a => a > 15 ? 15 : a;
+
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;

 
箭头函数内定义的变量及其作用域

 

 
-
// 常规写法
+
// 常规写法
 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
 
箭头函数也可以使用闭包：
-
// 标准的闭包函数
+
// 标准的闭包函数
 function A(){
       var i=0;
       return function b(){
@@ -446,7 +446,7 @@ var Add = (i=0)=> ()=> (++i);
 
 箭头函数递归

 
 
-
var fact = (x) => ( x==0 ?  1 : x*fact(x-1) );
+
var fact = (x) => ( x==0 ?  1 : x*fact(x-1) );
 fact(5);       // 120

 
 
规范

-- 
cgit v1.2.3-54-g00ecf