深圳推广公司介绍什么是箭头功能?
在Web开发中有很多方法可以完成这些工作。你有函数,回调函数,方法,箭头函数和所有其他函数。这个小解释的重点是箭头功能,因为它们相对较新。
当EcmaScript6(ES6)发布时,箭头功能成为了一件事。它们与常规函数非常相似,除了一些东西。首先,编写箭头函数的语法比常规函数紧凑得多。这就是我的意思:
常规功能
function getPrice(cost,quantity){return cost * quantity; }
箭头功能
(成本,数量)=>成本*数量;
使用箭头函数,您不必编写几乎相同的代码,您将获得相同的结果。当然还有更多的东西。一个重要的事情是箭头函数不会绑定到关键字this,这不一定是坏事。你实际上可以使用绑定到包含箭头函数的代码的this,这非常好。
箭头功能也非常灵活。您可以使用或不使用参数。因此,如果您只需要一个参数,则可以使用以下方法之一的箭头函数:
•(天)=> 5; •day => 5;
在这种情况下,括号是可选的。或者,如果您不需要任何参数,可以使用箭头功能之一:
•()=>“糖果”; •_ =>“糖果”;
另外要记住的是,您仍然必须遵循函数的代码块规则。如果您有多个语句需要执行该函数,您仍然需要使用如下的花括号:
()=> {let x = 7; 让y = -23; 返回x * y; }
我需要提醒您使用箭头功能。由于它们是匿名函数(它们没有函数名),因此调试代码可能更难。如果您有一堆箭头函数,那么通过调用堆栈跟踪可能无法找到问题的根源。
您想要使用它们的主要时间是您不想绑定到它。如果你知道你需要从不同的上下文中使用它,箭头函数是最美妙的事情。
这是我对箭头功能的快速细分。我希望它帮助你了!