javascript函数介绍

简介: javascript函数介绍

(1)简介

将脚本编写为函数,就可以避免页面载入时执行该脚本。 函数包含着一些代码,这些代码只能被事件激活,或者在函数被调用时才会执行 。

你可以在页面中的任何位置调用脚本(如果函数嵌入一个外部的 .js 文件,那么甚至可以从其他的页面中调用)。函数在页面起始位置定义,即 <head> 部分。

<html>

<head>

<script type="text/javascript">

function displaymessage() {

alert("Hello World!")

}

</script>

</head>

<body>

<form>

<input type="button" value="Click me!" οnclick="displaymessage()">

</form>

</body>

</html>

假如上面的例子中的 alert("Hello world!!") 没有被写入函数,那么当页面被载入时它就会执行。当用户击中按钮时,脚本才会执行。我们给按钮添加了 onClick 事件,这样按钮被点击时函数才会执行。

(2)创建函数的语法

(1)无参函数

function 函数名(){
    //javascript代码;
}

(2)有参函数

function 函数名(参数1,参数2,...){
    //javascript代码;
}

(3)带返回值函数(无参)

function 函数名(){
    return 返回值或变量;
}

(4)带返回值函数(有参)

function 函数名(参数1,参数2,...){
    return 返回值或变量;
}

1.2.3 自定义函数的定义方式

(1)显示定义 function xxxName(){}

(2)匿名定义 var method = function(){}

(3)Function定义 var calSum3 = new Function('num1', 'num2', 'return num1 + num2');

1.2.4 自定义函数的调用方式

(1)外部调用 HTML标签上

(2)内部调用 类似Java

(3)函数调用函数

(3)return 语句

return 语句用来规定从函数返回的值。

因此,需要返回某个值的函数必须使用这个 return 语句。

例子

下面的函数会返回两个数相乘的值(a 和 b):

function prod(a, b) { x = a * breturn x }

function prod(a, b) { x = a * breturn x }

当您调用上面这个函数时,必须传入两个参数:

product = prod(2, 3)

product = prod(2, 3)

而从 prod() 函数的返回值是 6,这个值会存储在名为 product 的变量中

(4)变量的生存期

当您在函数内声明了一个变量后,就只能在该函数中访问该变量。当退出该函数后,这个变量会被撤销。这种变量称为本地变量。您可以在不同的函数中使用名称相同的本地变量,这是因为只有声明过变量的函数能够识别其中的每个变量。

如果您在函数之外声明了一个变量,则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始,在页面关闭时结束


相关文章
|
24天前
|
JavaScript
变量和函数提升(js的问题)
变量和函数提升(js的问题)
|
24天前
|
JavaScript
常见函数的4种类型(js的问题)
常见函数的4种类型(js的问题)
11 0
|
25天前
|
JavaScript
写一个函数将N组<>(包含开始和结束),进行组合,并输出组合结果 (js)
写一个函数将N组<>(包含开始和结束),进行组合,并输出组合结果 (js)
10 0
|
1月前
|
自然语言处理 JavaScript 网络架构
js开发:请解释什么是ES6的箭头函数,以及它与传统函数的区别。
ES6的箭头函数以`=&gt;`定义,简化了函数写法,具有简洁语法和词法作用域的`this`。它无`arguments`对象,不能用作构造函数,不支持`Generator`,且不改变`this`、`super`、`new.target`绑定。适用于简短表达式,常用于异步编程和高阶函数。
18 5
|
1月前
|
JavaScript 前端开发 网络架构
JavaScript 谈谈对箭头函数的理解及其与普通函数的区别。
JavaScript 谈谈对箭头函数的理解及其与普通函数的区别。
18 1
|
1月前
|
前端开发 JavaScript 数据处理
在JavaScript中,什么是异步函数执行的例子
在JavaScript中,什么是异步函数执行的例子
10 0
|
1月前
|
JavaScript
JS封装节流函数
JS封装节流函数
15 0
|
1月前
|
JavaScript 前端开发
javascript箭头函数
javascript箭头函数
|
1月前
|
JavaScript 小程序
微信小程序 wxml 中使用 js函数
微信小程序 wxml 中使用 js函数
77 0
|
1月前
|
JavaScript 前端开发
JavaScript函数科里化
JavaScript函数科里化