前言:
现在你们对“js箭头函数”可能比较关切,各位老铁们都想要分析一些“js箭头函数”的相关文章。那么小编同时在网络上搜集了一些有关“js箭头函数””的相关内容,希望各位老铁们能喜欢,兄弟们快快来学习一下吧!ES6 中引入了箭头函数,这也是现在前端面试几乎必考的内容(没考箭头函数,我都不好意思说自己是面试官,哈哈,开个玩笑)。有人问我,箭头函数是个什么东西?我跟他说,就像Java和C#中的lambda。
1. 举个简单的栗子:1.1 JavaScript
let func = (s)=> { console.log(s); };
func("hello world");
1.2 Java
interface Operate {
void doSomething(String str);
// void doSomething1(); 不可以有两个方法
}
public static void main(String[] args) {
Operate func = (String s)->{ System.out.println(s);};
func.doSomething("hello world");
}
1.3 C#
var func = (string s)=> { Console.WriteLine(s); };
func("hello world");
1.4 分析
可以看到,写法非常类似,尤其是Js和C#。 变量func可以被当做一个函数来使用。
那么用于承接这个匿名方法的变量实际是什么?
JavaScript: 就是一个js中的function
Java: 在例子中,有点容易迷惑,明明是将lambda赋值给了一个接口类型。但最终调用的时候又要调用该接口的doSomething方法。而且这个接口只能有一个对应的方法,多了会报错。
Java10中也提供了var关键字,但遗憾的是也不能被用于这样lambda赋值的情况。
C#: 实际上是一个委托类型,例如:
delegate void doSomething(string str);
public static void Main(string[] args) {
doSomething func = (string s) => { Console.WriteLine(s); };
func("hello world");
}
这样看和Java有点像了,但定义的仍然是一个方法,而不是一个接口中有一个同样类型的方法。
如果在c语言中我们会用一个指向函数的指针。
2. 对函数外变量的引用
在上一节的例子中,“hello world”是以参数的形式传递到方法中的,那么,是否可以直接引用外部的方法呢?
当然是可以的,改造一下上面的例子:
2.1 JavaScript
let str = ",圣诞快乐。";
let func = (s)=> {
console.log(s + str);
str = ",春节快乐。"
};
str = ",元旦快乐。"
func("hello world");
func("hello world");
2.2 Java
interface Operate {
void doSomething(String str);
// void doSomething1(); 不可以有两个方法
}
public static void main(String[] args) {
final String str = ",圣诞快乐";
Operate func = (String s)->{
System.out.println(s + str);
//str = ",春节快乐。";
};
//str = ",元旦快乐。"
func.doSomething("hello world");
}
2.3 C#
var str = ",圣诞快乐。";
var func = (string s) => {
Console.WriteLine(s + str );
str = ",春节快乐。";
};
str = ",元旦快乐。";
func("hello world");
func("hello world");
2.4 分析JavaScript 和C# 的结果是一样的,输出结果为:
hello world,元旦快乐。
hello world,春节快乐。
可见,在函数执行的时候,会取当时str的值。在函数定义的时候,虽然引用了变量str,但不是此时固定了str的值。
在函数中改变了str的值,会改变外部str的值。
Java的例子中,要求str是final的才行,所以是无法对str改变的。
3. 作为方法的参数
在JavaScript中,经常会用到类似callback的回调方法,那么箭头函数是不是也可以呢?
3.1 JavaScript
let func = (s)=> {
console.log(s);
};
var showLog = function(str,action){
action(str);
}
showLog("hello world",func);
3.2 Java
本例用Consumer代替了第一节中的自定义的Operate接口。其实Consumer就是框架帮我们预定义的泛型接口,避免我们总需自定义一个接口:
public static void main(String[] args) {
Consumer<String> func = (String s)->{
System.out.println(s);
};
showLog("hello world",func);
}
public static void showLog(String str, Consumer<String> action){
action.accept(str);
}
3.3 C#
本例用Action代替了第一节中的自定义的delegate。其实Action就是框架帮我们预定义的泛型接口,避免我们总需自定义委托:
public static void Main(string[] args)
{
var func = (string s) => { Console.WriteLine(s); };
showLog("hello world", func);
}
public static void showLog(string str ,Action<string> action)
{
action(str);
}
4. 总结
总体来说,三种语言的使用方法还是比较类似的。可能是都源于C的原因?
其实对于面向对象语言来说,好多都是相通的,个人感觉经常对比一下,有助于加深记忆。
另外,如果有机会,学一门风格和自己擅长的开发语言差异比较大的,更有利于对编程语言的了解。
————————————————
版权声明:本文为CSDN博主「FlyLolo」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:
标签: #js箭头函数