JS 参考手册

JS 参考手册(类别排序) JS 参考手册(字母排序)

JavaScript

JS Array JS Boolean JS Classes JS Date JS Error JS Global JS JSON JS Math JS Number JS 运算符 JS RegExp JS 语句 JS String

HTML DOM

DOM Attributes DOM Document DOM Element DOM Events DOM Event 对象 DOM HTMLCollection DOM Location DOM Navigator DOM Screen DOM Style
alignContent alignItems alignSelf animation animationDelay animationDirection animationDuration animationFillMode animationIterationCount animationName animationTimingFunction animationPlayState background backgroundAttachment backgroundColor backgroundImage backgroundPosition backgroundRepeat backgroundClip backgroundOrigin backgroundSize backfaceVisibility border borderBottom borderBottomColor borderBottomLeftRadius borderBottomRightRadius borderBottomStyle borderBottomWidth borderCollapse borderColor borderImage borderImageOutset borderImageRepeat borderImageSlice borderImageSource borderImageWidth borderLeft borderLeftColor borderLeftStyle borderLeftWidth borderRadius borderRight borderRightColor borderRightStyle borderRightWidth borderSpacing borderStyle borderTop borderTopColor borderTopLeftRadius borderTopRightRadius borderTopStyle borderTopWidth borderWidth bottom boxShadow boxSizing captionSide caretColor clear clip color columnCount columnFill columnGap columnRule columnRuleColor columnRuleStyle columnRuleWidth columns columnSpan columnWidth counterIncrement counterReset cursor direction display emptyCells filter flex flexBasis flexDirection flexFlow flexGrow flexShrink flexWrap cssFloat font fontFamily fontSize fontStyle fontVariant fontWeight fontSizeAdjust height isolation justifyContent left letterSpacing lineHeight listStyle listStyleImage listStylePosition listStyleType margin marginBottom marginLeft marginRight marginTop maxHeight maxWidth minHeight minWidth objectFit objectPosition opacity order orphans outline outlineColor outlineOffset outlineStyle outlineWidth overflow overflowX overflowY padding paddingBottom paddingLeft paddingRight paddingTop pageBreakAfter pageBreakBefore pageBreakInside perspective perspectiveOrigin position quotes resize right scrollBehavior tableLayout tabSize textAlign textAlignLast textDecoration textDecorationColor textDecorationLine textDecorationStyle textIndent textOverflow textShadow textTransform top transform transformOrigin transformStyle transition transitionProperty transitionDuration transitionTimingFunction transitionDelay unicodeBidi userSelect verticalAlign visibility width wordBreak wordSpacing wordWrap widows zIndex
DOM Window

Web APIs

API Console API Geolocation API History API Storage

HTML 对象

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <tfoot> <th> <thead> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他参考手册

CSSStyleDeclaration JS 类型转换


JavaScript function 语句


实例

声明一个函数并在调用该函数时在 id="demo" 的元素中输出 "Hello World":

function myFunction() { // Declare a function
  document.getElementById("demo").innerHTML = "Hello World!";
}
 
myFunction(); // Call the function
亲自试一试 »

页面下方有更多实例。


定义和用法

function 语句声明函数。

声明的函数是"被保存供以后使用的",并且将在稍后调用时执行。

在 JavaScript 中,函数是对象,它们同时拥有属性和方法。

也可以使用表达式定义函数(请参阅函数定义)。

请阅读我们的 JavaScript 教程,了解您需要学习的有关函数的所有知识。请从关于 JavaScript 函数和 JavaScript 作用域的章节开始。如需更多详细信息,请阅读我们关于函数定义、参数、调用和闭包的教程。

阅读我们的 JavaScript 教程,了解您需要了解的有关函数的所有信息 。 从介绍章节开始 JavaScript 函数JavaScript 作用域。 有关更多详细信息,请参阅我们的功能部分 函数定义, 参数, 调用闭包

提示: 请使用 return 语句从函数返回值。


浏览器支持

Statement
function Yes Yes Yes Yes Yes

语法

function functionName(parameters) {
  code to be executed
}

参数值

参数 描述
functionName 必需。规定函数的名称,可以"保存以备后用"。函数名可以包含字母、数字、下划线和美元符号(规则与变量相同)。
parameters

可选。指定一组零个或多个参数名称,以逗号分隔。

函数参数是函数定义中列出的名称。

函数参数是函数在调用时收到的实际值。在函数内部,参数用作局部变量。

注释:如果调用函数时缺少参数,则缺少参数的值将设置为 undefined。



技术细节

JavaScript 版本: ECMAScript 1

更多实例

实例

返回 PI 的值:

function myFunction() {
  return Math.PI;
}
亲自试一试 »

实例

返回 a 和 b 的乘积:

function myFunction(a, b) {
  return a * b;
}
亲自试一试 »

实例

通过使用函数,您可以多次使用有不同参数的相同代码,以产生不同的结果。

将华氏度转换为摄氏度:

function toCelsius(fahrenheit) {
  return (5/9) * (fahrenheit-32);
}
亲自试一试 »

实例

函数可用作变量。

代替:

temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";

You can use:

text = "The temperature is " + toCelsius(32) + " Centigrade";
亲自试一试 »

实例

JavaScript 函数有一个称为 arguments 对象的内置对象。

arguments.length 属性返回调用函数时收到的参数数量:

function myFunction(a, b) {
  return arguments.length;
}
亲自试一试 »

实例

单击按钮调用函数,该函数将在 id="demo" 的元素中输出 "Hello World":

<button onclick="myFunction()">Click me</button>

<p id="demo"></p>

<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}
</script>
亲自试一试 »

实例

JavaScript 函数也可使用表达式来定义。

函数表达式可以存储在变量中:

var x = function (a, b) {return a * b};
亲自试一试 »

实例

将函数表达式存储在变量中后,该变量可以用作函数:

var x = function (a, b) {return a * b};
var z = x(4, 3);
亲自试一试 »

相关页面

JavaScript 教程: JavaScript 函数

JavaScript 教程: JavaScript 作用域

JavaScript 教程: JavaScript 函数定义

JavaScript 教程: JavaScript 函数参数

JavaScript 教程: JavaScript 函数调用

JavaScript 教程: JavaScript 函数闭包

JavaScript 参考手册: JavaScript 函数语句