JavaScript函数定义与使用

简介: 本文目录1. function类型2. 函数定义方法2.1 最标准的函数定义2.2 将函数执行内容赋值给变量:2.3 利用void操作符3. 隐藏参数arguments4. html元素的常用函数事件有:

1. function类型

function类型是JavaScript语言中的重要数据类型。


2. 函数定义方法

常用的函数定义方法有三种:


2.1 最标准的函数定义

//定义函数

function add(a,b){

return a+b;

}

//使用函数

var sum=add(1,2);//计算结果sum=3

1

2

3

4

5

6

2.2 将函数执行内容赋值给变量:

//将函数执行内容赋值给变量

var add=function(a,b){return a+b;}

//使用函数

var sum=add(1,2);//计算结果sum=3

1

2

3

4

2.3 利用void操作符

在JavaScript语言中,void可以被认为是这样的一种操作符:它可以运行其中的表达式;它运行表达式后无返回值。


例如常见的 :javascript:void(0),含义是:运行0,其实就是啥也不干。


<a href="javascript:void(0)">点我</a>

1

再比如下面的a标签点击后会弹出提示框。


<a href="javascript:void(alert('小心点'))">点我!</a>

1

所以void操作符可以认为是定义一种无返回值的立即执行一次的函数。


3. 隐藏参数arguments

JavaScript函数可以直接使用隐藏参数arguments来代表参数数组,例如:


function sum() {

   var i;

   sum = 0;

   for (i = 0; i < arguments.length; i++) {//arguments表示参数列表数组

       sum += arguments[i];

   }

   return sum;

}


var num=sum(1,2,3);//结果为6

1

2

3

4

5

6

7

8

9

10

4. html元素的常用函数事件有:

onfocus   元素获得焦点  
onblur    元素失去焦点  
onchange  文本框内容改变,单选/复选框选择项改变
onclick   鼠标点击  
onload    内容加载完毕
onmousedown 鼠标按下
onmouseup 鼠标松开
onmousemove 鼠标在元素中每次移动
onmouseout  鼠标移开
onmouseover 鼠标移到元素上
onsubmit  提交按钮被点击 

我们往往会用到this关键字,this表示的是发生事件的元素本身,例如:

<html>
<head>
<title>我的个人主页</title>
</head>
<script type="text/javascript">
  function hello(element) {
    alert(element.name);
  }
</script>
<body>
<input type="button" name="testButton" value="Hello" onclick="hello(this)" />
</body>
</html>

点击按钮,弹出提示框会显示"testButton",可见this代表元素本身。

相关文章
|
15天前
|
JavaScript
变量和函数提升(js的问题)
变量和函数提升(js的问题)
|
15天前
|
JavaScript
常见函数的4种类型(js的问题)
常见函数的4种类型(js的问题)
10 0
|
16天前
|
JavaScript
写一个函数将N组<>(包含开始和结束),进行组合,并输出组合结果 (js)
写一个函数将N组<>(包含开始和结束),进行组合,并输出组合结果 (js)
9 0
|
27天前
|
自然语言处理 JavaScript 网络架构
js开发:请解释什么是ES6的箭头函数,以及它与传统函数的区别。
ES6的箭头函数以`=&gt;`定义,简化了函数写法,具有简洁语法和词法作用域的`this`。它无`arguments`对象,不能用作构造函数,不支持`Generator`,且不改变`this`、`super`、`new.target`绑定。适用于简短表达式,常用于异步编程和高阶函数。
17 5
|
1月前
|
JavaScript 前端开发 网络架构
JavaScript 谈谈对箭头函数的理解及其与普通函数的区别。
JavaScript 谈谈对箭头函数的理解及其与普通函数的区别。
17 1
|
1月前
|
前端开发 JavaScript 数据处理
在JavaScript中,什么是异步函数执行的例子
在JavaScript中,什么是异步函数执行的例子
10 0
|
1月前
|
JavaScript
JS封装节流函数
JS封装节流函数
15 0
|
1月前
|
JavaScript
JS数组增删方法的原理,使用原型定义
JS数组增删方法的原理,使用原型定义
|
2天前
|
缓存 JavaScript 前端开发
js的入口函数,入口函数的作用
js的入口函数,入口函数的作用
12 4
|
26天前
|
JavaScript
js开发:请解释什么是ES6的Generator函数,以及它的用途。
ES6的Generator函数是暂停恢复的特殊函数,用yield返回多个值,适用于异步编程和流处理,解决了回调地狱问题。
16 6