分享

站在巨人的肩膀上总结JavaScript函数基础

 大文豪贤斌学长 2020-05-02

2.1 JavaScript 函数定义方法

静态方法

function 函数名 ([虚参列表]) {

函数体;

[return[函数返回值;]]

}

动态匿名方法

var 函数名= new Function(['虚参列表'],'函数体');

直接量方法

函数名= Function([虚参列表]) {函数体;}

2.2 JavaScript 函数调用方法

直接调用

函数名(实参列表)

在链接中调用

<a href= “javascript:函数名()”>描文字</a>;

在事件中调用

事件类型= “函数名()”;

2.3 方法

apply

将函数作为对象的方法来调用;

将参数以数组形式传递给该方法;

call

将函数作为对象的方法来调用;

将指定参数传递给该方法;

toString

返回函数的字符串表示;

2.4 arguments对象

功能

存放实参的参数列表

特性

仅能在函数体内使用;

带有下标属性,但并非数组;

函数声明时自动初始化;

属性

length:获取函数实参的长度;

callee:返回当前正在指向的函数;

length:返回调用当前正在执行函数的函数名;

2.5 函数参数

参数类型

形参

定义函数时使用的参数;

接收调用函数时传递给函数的实际参数;

实参

调用函数时传递给函数的实际参数;

特性

参数个数没有限制

当实参<形参时,多余形参=undefined;

当实参>形参时,多余实参被忽略;

参数的数据类型没有限制;

通过arguments对象访问参数数组;

参数始终按值传递

基本类型,传值;

引用类型,传址;

2.6 指针标识

特性

this 指向当前操作对象;

callee 指向参数集合所属函数;

prototype 指向函数附带的原型对象;

constructor 指向创建该对象的构造函数;

2.7 示例代码

<!DOCTYPE html>

<html>

<head>

<script>

function myFunction()

{

alert("Hello World!");

}

</script>

</head>

<body>

<button onclick="myFunction()">点击这里</button>

</body>

</html>

查看结果:

Hello World!

    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多