函数
浏览器内置函数(部分)
alert() 方法
弹出警告框,并显示内容,等待用户点击确定后继续。
语法
alert() alert(message)
参数
message 可选
是要显示在警告对话框中的字符串,如果传入其他类型的值,会转换成字符串。
示例
window.alert("Hello world!"); alert("Hello world!");
console.log() 方法
向 Web 控制台输出一条信息。
console.log("Hello World!");
document.write() 方法
将一个文本字符串写入一个由
document.open()
打开的文档流(document stream)。
创建函数
函数声明创建函数
语法
function functionName(parameters) { // 执行的代码 }
举个例子
function f(a, b) { console.log(a + b); } // 创建一个名为 f 的函数,它有两个形参 a,b f(2, 3); // 调用函数 f,传入实参 2 和 3,最终运行结果为在控制台上打印出 5
函数表达式创建函数
JavaScript 函数可以通过一个表达式定义。函数表达式可以存储在变量中。
语法
var functionName = function (parameters) { // 执行的代码 };
把前面函数声明创建函数的例子改写为用函数表达式创建函数:
var f = function (a, b) { console.log(a + b); }; f(2, 3);
函数声明和函数表达式的区别
函数声明
// 此处的代码执行没有问题,JavaScript 解析器首先会把当前作用域的函数声明提前到整个作用域的最前面。 f(2, 3); function f(a, b) { console.log(a + b); }
函数表达式
// 报错:f is not a function // 这是因为函数表达式,如同定义其它基本类型的变量一样,只在执行到某一句时也会对其进行解析 f(2, 3); var f = function (a, b) { console.log(a + b); };
函数的参数
- 在 JavaScript 中,实参个数和形参个数可以不相等。
在 JavaScript 中没有重载
重载,从简单说,就是函数或者方法有相同的名称,但是参数列表不相同的情形,这样的同名不同参数的函数或者方法之间,互相称之为重载函数或者重载方法。在Java中同一个类中的2个或2个以上的方法可以有同一个名字,只要它们的参数声明不同即可。这种情况下,该方法就被称为重载,这个过程称为方法重载。
原文链接:https://blog.csdn.net/thinkingcao/article/details/55045171
function f(a, b) {
return a + b;
}
function f(a, b, c) {
return a + b + c;
}
var result = f(5, 6);
result; // returns NaN
上述代码中三个参数的 f 把两个参数的 f 覆盖,调用的是三个参数的 f,最后执行结果为 NaN,而不是 11。
在 JavaScript 中函数的返回值
- 如果函数中没有
return
语句,那么函数默认的返回值是:undefined。 - 如果函数中有
return
语句,那么跟着return
后面的值就是函数的返回值。 - 如果函数中有
return
语句,但是return
后面没有任何值,那么函数的返回值也是:undefined。
匿名函数
匿名函数就是没有命名的函数,一般用在绑定事件的时候。语法为:
function(){ // 执行的代码 }
例子:
var myButton = document.querySelector("button"); myButton.onclick = function () { alert("hello"); };
注:将匿名函数分配为变量的值,也就是我们前面所讲的函数表达式创建函数。一般来说,创建功能,我们使用函数声明来创建函数。使用匿名函数来运行负载的代码以响应事件触发(如点击按钮),使用事件处理程序。
自调用函数
匿名函数不能通过直接调用来执行,因此可以通过匿名函数的自调用的方式来执行。比如:
(function () { alert("hello"); })();
文档信息
- 本文作者:Jiang Zuwei
- 本文链接:https://blog.zuwei.top/wiki/javascript-function/
- 版权声明:自由转载-非商用-非衍生-保持署名(创意共享3.0许可证)