(function)([arg...])

最新推荐文章于 2023-12-07 15:43:13 发布

踏清秋

最新推荐文章于 2023-12-07 15:43:13 发布

阅读量1.1k

点赞数 2

分类专栏：前端技术文章标签： javascript

本文链接：https://blog.youkuaiyun.com/tao616106631/article/details/90229786

版权

前端技术专栏收录该内容

0 篇文章

订阅专栏

引入的外部js工具包中的语法

一、代码以及运行结果

1、

(function a(arg1) {
	console.log(arg1)
})("x");

在这里插入图片描述
2、

(function(arg1) {
	console.log(arg1)
})("xx");

在这里插入图片描述
3、

(function() {
	console.log("1:" + arg1)
}, function b(a) {
	console.log("2:" + arg1)
}, function c(arg1, arg2, arg3) {
	console.log("3:" + arg1)
	console.log("3:" + arg3);
})("xx");

在这里插入图片描述
4、

(function(arg1, arg2) {
	console.log("first");
	arg2();
})("arg1", function() {
	console.log("second");
})

在这里插入图片描述
5、

var res = (function(arg1, arg2) {
	console.log("first");
	arg2();
	return arg2;
})("arg1", function() {
	console.log("second");
	return "second";
});
res();

在这里插入图片描述
6、

//这个语法会报错，因为函数b的定义域中没有a这个函数
(function a(arg1) {
	console.log(arg1);
}, function b(arg1) {
	a(arg1);
})("xxx");

在这里插入图片描述

二、结论

1、语法

	js的"()()"语法，第一个括号中可以写具名函数也可以写匿名函数，甚至可以写函数集合目的是定义需要调用的函数，第二个（）的作用是给第一个括号中的函数提供实参，它还具有调用前面函数的作用，默认调用的是函数集合中的最后一个函数。

2、为什么这么做

	首先引入外部js包，需要担心的就是是否会与原有的js中的变量与函数冲突，造成覆盖。故而使用匿名函数放置需要定义的函数，定义函数之后使用([argments...])调用。

双括号语法资料： https://blog.youkuaiyun.com/dataiyangu/article/details/84748259