这段javascript脚本最后面的一对圆括号是什么意思?
发布网友
发布时间：2022-05-02 15:22
共4个回答
懂视网
时间：2022-05-14 16:14
把函数以数据的形式去使用，并解锁一些强大的模式。
高阶函数
接受和/或返回另外一个函数的函数被称为高阶函数。
之所以是高阶，是因为它并非字符串、数字或布尔值，而是从更高层次来操作函数。漂亮的元。
使用 JavaScript 中的函数，你可以
就像所有的其他数据一样。这是关键所在。
函数操作数据
字符串是数据
sayHi = (name) => `Hi, ${name}!`;
result = sayHi('User');
console.log(result); // 'Hi, User!'数字是数据
double = (x) => x * 2; result = double(4); console.log(result); // 8
布尔型是数据
getClearance = (allowed) => allowed ? 'Access granted' : 'Access denied'; result1 = getClearance(true); result2 = getClearance(false); console.log(result1); // 'Access granted' console.log(result2); // 'Access denied'
对象是数据
getFirstName = (obj) => obj.firstName;
result = getFirstName({
firstName: 'Yazeed'
});
console.log(result); // 'Yazeed'数组是数据
len = (array) => array.length; result = len([1, 2, 3]); console.log(result); // 3
这5种类型是所有主流语言中的一等公民。
是什么使他们成为一等公民的？你可以传递它们，将它们存储在变量和数组中，将它们用作计算的输入。你可以像使用任何数据一样去使用它们。
函数也可以作为数据的形式去用
在javascript中把函数用作数据的4种方式：
- 把它们当作参数传给其它函数
- 把他们设定成对象属性
- 保存在数组中
- 把它们设为变量的形式
作为参数的函数
isEven = (num) => num % 2 === 0; result = [1, 2, 3, 4].filter(isEven); console.log(result); // [2, 4]
看看 filter 是如何用 isEven 来决定保留哪些数字的？ isEven是一个函数，是另一个函数的参数。
它由每个数字的 filter 调用，并使用返回值 true 或 false 来确定这个数字是否应该保留或丢弃。
返回函数
add = (x) => (y) => x + y;
add 需要两个参数，但不是一次全部提供。这是一个只需要 x 的函数，它返回一个只需要y的函数。因为 JavaScript 允许函数成为返回值 —— 就像字符串、数字、布尔值那样。
如果你愿意，仍然可以立即提供 x 和 y，并进行双重调用
result = add(10)(20); console.log(result); // 30
或者先 x 后 y：
add10 = add(10); result = add10(20); console.log(result); // 30
让我们回过头来看最后一个例子。 add10 是用一个参数调用 add 的结果。并控制台中输出它。
add10 是一个函数，它接受一个 y 并返回 x + y。在你提供 y 之后，它会马上计算并返回你所要的最终结果。
更高的可重用性
高阶函数的最大好处可能是更高的可重用性。没有它，JavaScript 数组的主要方法 —— map，filter 和 reduce 将不存在！
这是一个用户列表。我们将对他们的信息进行一些计算。
users = [{
name: 'Yazeed',
age: 25
}, {
name: 'Sam',
age: 30
}, {
name: 'Bill',
age: 20
}];Map
如果没有高阶函数，我们需要用循环来模仿 map 的功能。
getName = (user) => user.name;
usernames = [];
for (let i = 0; i < users.length; i++) {
const name = getName(users[i]);
usernames.push(name);
}
console.log(usernames);
// ["Yazeed", "Sam", "Bill"]或者我们可以这样做！
usernames = users.map(getName); console.log(usernames); // ["Yazeed", "Sam", "Bill"]
Filter
在没有高阶函数的世界中，我们仍然需要循环来重新实现 filter 的功能。
startsWithB = (string) => string
.toLowerCase()
.startsWith('b');
namesStartingWithB = [];
for (let i = 0; i < users.length; i++) {
if (startsWithB(users[i].name)) {
namesStartingWithB.push(users[i]);
}
}
console.log(namesStartingWithB);
// [{ "name": "Bill", "age": 20 }]或者我们可以这样做！
namesStartingWithB = users
.filter((user) => startsWithB(user.name));
console.log(namesStartingWithB);
// [{ "name": "Bill", "age": 20 }]Reduce
是的，reduce......没有更高阶的功能，实现不了那么多很酷的东西!!
热心网友
时间：2022-05-14 13:22
一个例子来说，如果你这样定义：
function Name(){};
调用时你可以使用Name();进行调用。在JS中存在一个无名函数的方法：
function () {};
这样一个函数你怎么调用？如果真的这样定义了除非是OOP，否则你永远没有机会调用不是？而OOP编程时会出现这种情况，如一个对象中定义这样的语句：
this.area = function (){};
这样也就是说我们定义了一个方法area,建立对象后可以使用“对象名.area();”这种形式进行调用。对于无名函数一般不想让别人误调用，而自己却只要调用一次时，可以将函数体加括号后看作一个对象进行立即执行。
也就是这种形式：
（function (){})();
严格来说，这是将定义与语句混写的形式。实际上它是一条语句，而不是一个定义。定义是后边没有分号的。如：
function () {}
而语句则后边是带；要求执行的！如：alert("1");这就是语句。为了有效地表达，所以这里使用了语句的形式，就是我们常说的无名函数的执行问题！
热心网友
时间：2022-05-14 14:40
如果（ typeof拖动！ = “未定义” ）
（
无功_Drag =拖曳;
）
/ / ？ ˴ ?????拖？ ？
/ / - elementid ： Ҫ ？ ž ？ Ԫ ？ ص ？编号
变种拖动= window.Drag =功能（ elementid ） （
无功thisDrag =这;
this.DifWidth = 0 ;
this.DifHeight = 0 ;
this.thisDivDrag = document.getElementById （ elementid ） ;
this.thisDivDrag.onmousedown =功能（活动） （
无功theevent ;
无功theSrcevent ;
如果（ window.event ）
（
theevent = window.event ;
theSrcevent = window.event.srcElement ;
）
其他的
（
theevent =活动;
theSrcevent = event.target ;
）
thisDrag.DifWidth = theevent.clientX - theSrcevent.offsetLeft ;
thisDrag.DifHeight = theevent.clientY - theSrcevent.offsetTop ;
document.body.onmousemove =功能（活动） （
无功theevent ;
如果（ window.event ）
（
theevent = window.event ;
）
其他的
（
theevent =活动;
）
thisDrag.thisDivDrag.style.left = theevent.clientX - thisDrag.DifWidth ;
thisDrag.thisDivDrag.style.top = theevent.clientY - thisDrag.DifHeight ;
） ;
document.body.onmouseup =功能（活动）
（
document.body.onmousemove = “ ” ;
） ;
） ;
） ;
})();
热心网友
时间：2022-05-14 16:15
