我知道>=运算符意味着大于或等于，但我在一些源代码中看到过=>。这个运算符是什么意思?
代码如下:
promiseTargetFile(fpParams, aSkipPrompt, relatedURI).then(aDialogAccepted => {
if (!aDialogAccepted)
return;
saveAsType = fpParams.saveAsType;
file = fpParams.file;
continueSave();
}).then(null, Components.utils.reportError);
当前回答
ES6 Arrow功能:
在javascript中=>是箭头函数表达式的符号。箭头函数表达式没有自己的this绑定，因此不能用作构造函数。例如:
Var单词= 'hi从外部对象'; 让obj = { Words: 'hi from inside object'， Talk1:() => {console.log(this.words)}， Talk2: function () {console.log(this.words)} ｝ obj.talk1 ();//没有它自己的this绑定，this ===窗口 obj.talk2 ();//有它自己的this绑定，这是obj
箭头函数的使用规则:
如果只有一个参数，可以省略参数的括号。 如果你在同一行返回一个表达式，你可以省略{}和return语句
例如:
val * 2; //它在同一行，返回一个表达式，因此省略{}，表达式隐式返回 //也只有一个参数，因此参数周围的括号被省略 console.log (times2 (3));
其他回答
正如其他人所述，常规(传统)函数使用调用该函数的对象的this(例如，被单击的按钮)。相反，箭头函数使用定义该函数的对象中的this。
考虑两个几乎相同的函数:
regular = function() {
' Identical Part Here;
}
arrow = () => {
' Identical Part Here;
}
下面的代码段演示了这对于每个函数所代表的内容之间的基本区别。常规函数输出[object HTMLButtonElement]，而箭头函数输出[object Window]。
<html> <button id="btn1">Regular: `this` comes from "this button"</button> <br><br> <button id="btn2">Arrow: `this` comes from object that defines the function</button> <p id="res"/> <script> regular = function() { document.getElementById("res").innerHTML = this; } arrow = () => { document.getElementById("res").innerHTML = this; } document.getElementById("btn1").addEventListener("click", regular); document.getElementById("btn2").addEventListener("click", arrow); </script> </html>
这就是ECMAScript 6中引入的“箭头函数表达式”。
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/arrow_functions
出于历史原因(如果wiki页面稍后更改)，它是:
与函数表达式相比，箭头函数表达式具有更短的语法，并且在词法上绑定this值。箭头函数总是匿名的。
用符号(=>)表示的箭头函数可以帮助您创建匿名函数和方法。这将导致更短的语法。例如，下面是一个简单的“Add”函数，它返回两个数字的加法。
function Add(num1 , num2 ){
return num1 + num2;
}
通过使用如下所示的“箭头”语法，上面的函数变得更短。
上述代码有两部分，如上图所示:-
输入:—指定匿名函数的输入参数。
逻辑:-这部分出现在符号“=>”之后。本节符合实际函数的逻辑。
许多开发人员认为箭头函数使您的语法更短，更简单，从而使您的代码可读。
如果你相信上面这句话，那么让我向你保证这是一个神话。如果你想一下，一个正确编写的带有名称的函数比在一行中使用箭头符号创建的神秘函数更具可读性。
箭头函数的主要用途是确保代码运行在 呼叫者上下文。
请参阅下面的代码，其中定义了一个全局变量“context”，该全局变量在函数“SomeOtherMethod”中访问，该函数从其他方法“SomeMethod”中调用。
这个“SomeMethod”具有本地“context”变量。现在因为“SomeOtherMethod”是从“SomeMethod”中调用的，我们期望它显示“本地上下文”，但它显示“全局上下文”。
var context = “global context”;
function SomeOtherMethod(){
alert(this.context);
}
function SomeMethod(){
this.context = “local context”;
SomeOtherMethod();
}
var instance = new SomeMethod();
但是如果使用Arrow函数替换调用，它将显示“本地上下文”。
var context = "global context";
function SomeMethod(){
this.context = "local context";
SomeOtherMethod = () => {
alert(this.context);
}
SomeOtherMethod();
}
var instance = new SomeMethod();
我鼓励你阅读这个链接(JavaScript中的箭头函数)，它解释了JavaScript上下文的所有场景，以及在哪些场景中调用者上下文不受尊重。
你也可以在我制作的youtube视频中看到用javascript演示的箭头函数，它实际上演示了上下文这个术语。
这些是箭头函数
也称为胖箭头函数。它们是一种简洁明了的方法来编写函数表达式，例如function(){}。
箭头函数可以在定义函数时去掉function、return和{}。它们是一行程序，类似于Java或Python中的Lambda表达式。
不带参数的示例
const queue = ['Dave'， 'Sarah'， 'Sharon']; const nextCustomer = () => queue[0] console.log (nextCustomer ());/ /“大卫”
如果需要在同一个箭头函数中执行多条语句，那么在本例中，您需要将队列[0]封装在尖括号{}中。在这种情况下，return语句不能省略。
带有1个参数的示例
const queue = ['Dave'， 'Sarah'， 'Sharon']; const addCustomer = name => { queue.push(名称); }; addCustomer(“托比”); console.log(队列);// ['Dave'， 'Sarah'， 'Sharon'， 'Toby']
你可以从上面省略{}。
当只有一个参数时，参数周围的括号()可以省略。
带有多个参数的示例
const addNumbers = (x, y) => x + y console.log (addNumbers(1、5));/ / 6
一个有用的例子
const fruits = [
{ name: 'Apple', price: 2 },
{ name: 'Bananna', price: 3 },
{ name: 'Pear', price: 1 }
];
如果我们想在一个数组中获取每个水果的价格，在ES5中我们可以这样做:
fruits.map(function(fruit) {
return fruit.price;
}); // [2, 3, 1]
在ES6的新箭头函数中，我们可以让它更简洁:
fruits.map(fruit => fruit.price); // [2, 3, 1]
关于箭头函数的更多信息可以在这里找到。
使用Arrowfunction添加简单的CRUD示例
//Arrow Function
var customers = [
{
name: 'Dave',
contact:'9192631770'
},
{
name: 'Sarah',
contact:'9192631770'
},
{
name: 'Akhil',
contact:'9928462656'
}],
// No Param READ
getFirstCustomer = () => {
console.log(this);
return customers[0];
};
console.log("First Customer "+JSON.stringify(getFirstCustomer())); // 'Dave'
//1 Param SEARCH
getNthCustomer = index=>{
if( index>customers.length)
{
return "No such thing";
}
else{
return customers[index];
}
};
console.log("Nth Customer is " +JSON.stringify(getNthCustomer(1)));
//2params ADD
addCustomer = (name, contact)=> customers.push({
'name': name,
'contact':contact
});
addCustomer('Hitesh','8888813275');
console.log("Added Customer "+JSON.stringify(customers));
//2 param UPDATE
updateCustomerName = (index, newName)=>{customers[index].name= newName};
updateCustomerName(customers.length-1,"HiteshSahu");
console.log("Updated Customer "+JSON.stringify(customers));
//1 param DELETE
removeCustomer = (customerToRemove) => customers.pop(customerToRemove);
removeCustomer(getFirstCustomer());
console.log("Removed Customer "+JSON.stringify(customers));
