JavaScript中函数命名机制

最新推荐文章于 2023-06-26 10:29:16 发布

龐校長

最新推荐文章于 2023-06-26 10:29:16 发布

阅读量548

点赞数

分类专栏： JavaScirpt 学习笔记

本文链接：https://blog.csdn.net/fspwz/article/details/48545607

版权

学习笔记同时被 2 个专栏收录

34 篇文章 1 订阅

订阅专栏

JavaScirpt

31 篇文章 1 订阅

订阅专栏

在Javascript中，为大家熟知的创建函数的方法有两种：

类型1、

var f = function(){ ... }

类型2、

function f(){ ... }

然而，当两种方式混合的时候，会发生什么样的结果呢？

var f = function g(){ ... }

请问g、g()存在吗？

经过测试，得到的结果是：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<script>
	var f = function g(){
		return 23;
	}

	console.log(f);
	console.log(f());
	console.log(g);
	console.log(g());
</script>
</body>
</html>

所得结果分析：

1、console.log(f); 结果为function g(){ ... };

其代表的意思是f这一个函数。

2、console.log(f()); 结果为23。

其代表的意思是f()函数执行后的结果。

3、console.log(g) && console.log(g())

结果均为：

可见其实g并不存在。

那么g在哪里呢？看回结果1，你就可以发现答案——g其实依附在f中，而并没有独立的声明。

总结：在使用类型1的方式创造函数的时候，等号左边的函数名才是主函数名；右边的函数名是该匿名函数的标识符。

参考文档：出处：http://www.osmn00.com/translation/240.html

命名的函数表达式(Named Function Expression)

虽然函数表达式经常被书写为采用匿名函数的形式，但你依然可以为这个匿名函数赋予一个明确的标识符。这个函数表达式的变种被称为一个命名的函数表达式(named function expression)。

var add = function add(a, b) {
    return a + b;
};

console.log(typeof add); // 'function'
console.log(add.name); // 'add'
console.log(add.length); // '2'
console.log(add(20, 5)); //'25'

这个例子和采用匿名函数方式的函数表达式是一样的，但我们为函数字面量赋予了一个明确的标识符。和前一个例子不同，这时的name属性的值是“add”，这个值同我们为其赋予的那个标识符是一致的。 JavaScript允许我们为匿名函数赋予一个明确的标识符，这样就可以在这个函数内部引用其本身。

龐校長

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中函数命名机制

在Javascript中，为大家熟知的创建函数的方法有两种：类型1、var f = function(){ ... }类型2、function f(){ ... }然而，当两种方式混合的时候，会发生什么样的结果呢？var f = function g(){ ... }请问g、g()存在吗？经过测试，得到的结果是： Document va
复制链接

扫一扫