淘先锋技术网

首页 1 2 3 4 5 6 7

javascript 函数是一种可重复使用的代码块,它接受一个或多个参数,然后执行一些特定的任务,返回结果。既然函数可以重复使用,那么我们就可以通过将函数封装起来,来减少代码的冗余。下面我们将来详细了解一下javascript 函数汇总。

1.全局函数。

function myFunction(p1, p2) {
return p1 * p2;
}
myFunction(2,3);

全局函数是外部定义并可以在当前文档中调用的函数。以上面的函数为例,它通过参数p1和p2接受两个数字,并返回它们的乘积。这个函数可以被任何一个javascript对象或函数调用。

2.匿名函数。

var myFunction = function(p1, p2) {
return p1 * p2;
} 
myFunction(2,3);

匿名函数就是没有名称的函数。我们使用上面的函数来演示。它等同于上面的全局函数,但是没有一个函数名称。它可以在任何一个javascript对象中调用,这意味着我们可以定义一个对象,并像下面一样将匿名函数作为该对象的方法进行调用:

var myObject = {
myFunction: function(p1, p2){
return p1*p2;
}
}
myObject.myFunction(3,4);

3.自执行函数。

(function(){
// code to be executed
})();

自执行函数是在自身定义之后立即执行的函数,有时也称为立即执行函数表达式(IIFE)。这样的函数通常用于在代码加载时初始化某些值,或者对某个特定范围的变量进行操作。使用自执行函数是一种使代码更加简洁的方式,它不需要全局变量。

4.回调函数。

function showMessage(message, callback) {
alert(message);
callback();
}
function myCallback() {
alert("Hello!");
}
showMessage("Hello, world!", myCallback);

回调函数也是一种函数,在一个函数执行完后立即调用该函数。在上面的代码中,我们定义了一个显示消息的函数,并在该函数中传入一个回调函数。当该函数运行完了之后,回调函数mycallback将被调用。

5.构造函数。

function Person(name, age) {
this.name = name;
this.age = age;
this.sayHello = function() {
alert("Hello, " + this.name + "!");
}
}
var person1 = new Person("John", 25);
person1.sayHello();

构造函数是用于创建新对象的函数。在javascript中,常常通过使用关键字new调用一个函数来创建新的对象。例如,以上面的函数为例,我们定义了一个名为Person的构造函数,它包含了名称和年龄的属性,还有一个sayHello方法,该方法在通过new关键字创建新的对象时进行调用。

总结:

javascript 函数可以通过多种方式定义和实现,包括全局函数,匿名函数,自执行函数,回调函数和构造函数等。这些函数可以帮助我们在减少代码冗余的同时实现更好的代码重用和维护。