JavaScript基础——JavaScript函数(笔记)
avaScript 函数(笔记)
JavaScript 是函数式编程语言,在JavaScript脚本中可以随处看到函数,函数构成了JavaScript源代码的主体。
一、定义函数
定义函数的方法有两种:
- 使用function语句声明函数。
- 通过Function对象来构造函数。
使用function来定义函数有两种方式:
//方式1: 命名函数
function f(){
//函数体
} //方式2: 匿名函数
var f = function(){
//函数体
}
命名函数的方法也被称为声明式函数,而匿名函数的方法也被称为引用式函数或者函数表达式,即把函数看做一个复杂的表达式,并把表达式赋予给变量。
使用Function对象构造函数的语法如下:
var function_name = new Function(arg1, arg2, arg3,) ……,argN, function_body)
在上面语法形式中,每个arg都是一个函数参数,最后一个参数是函数主体(要执行的代码)。Function()的所有参数必须是字符串。
【示例1】在以下示例中,通过Funnction构造函数定义了一个自定义函数,该函数包含两个参数,在函数主体部分使用 document.write() 方法把两个参数包裹在 <h1> 标签中输出,显示效果如下所示:
<html>
<head>
<meta charset="utf-8">
<title>JavaScript 定义函数</title>
<script type="text/javascript" src="test.js"></script>
</head>
<body>
</body>
</html>
var say = new Function("name", "say", "document.write('<h1>' + name + ':' + say + '</h1>');");
say("张三","Hi!");
【示例2】在实际开发中,使用function定义函数要比Function构造函数方便,且执行效率更高。Function仅用于特定的动态环境中,一般不建议使用。
var say = function(name, say){ //定义函数
document.write('<h1>' + name + ':' + say + '</h1>');
}
say("张三","Hi!"); //调用函数
【效果】

二、调用函数
调用函数使用小括号运算符来实现。在括号运算符内部可以包含多个参数列表,参数之间通过逗号进行分隔。
【示例】 在以下示例中使用小括号调用函数f,并把返回值传递给document.write()方法。
function f(){
return "Hello, World!"; //设置函数返回值
}
document.write(f()); //设置函数,并输出返回值
【提示】
一个函数可以包含多个return语句,但是在调用函数时只有第一个return语句被执,且被return语句后面的表达式的值作为函数的返回值被返回,return语句后面的代码将被忽略掉。
三、函数参数
参数可以分为两种:形参和实参。
形参:就是在定义函数时,传递给函数的参数,被称为形参,即形式上参数。
实参:就是当函数被调用时,传给函数的参数,这些参数被称为实参。
【示例1】在以下示例函数中,参数a和b就是形参,而调用函数中的23和34就是实参。
function add(a,b){ //形参a和b
return a+b;
}
alert(add(23,24)); //实参23和24
【效果1】

函数的形参没有限制,可以包括零个或多个。函数形参的数量可以通过函数的length属性获取。
【示例2】针对上面函数可以使用以下语句读取函数的形参个数。
function add(a,b){ //形参a和b
return a+b;
}
alert(add.length) //返回2,形参的个数
【效果2】

JavaScript基础——JavaScript函数(笔记)的更多相关文章
- (Frontend Newbie)JavaScript基础之函数
函数可以说是任何一门编程语言的核心概念.要能熟练掌握JavaScript,对于函数及其相关概念的学习是非常重要的一步.本篇从函数的基本知识.执行环境与作用域.闭包.this关键字等方面简单介绍Java ...
- JavaScript基础——JavaScript常量和变量(笔记)
JavaScript常量和变量(笔记) Javascript代码严格区分大小写. javascript暂不支持constant关键字,不允许用户自定义常量. javascript使用var关键字声明变 ...
- JavaScript基础学习-函数及作用域
函数和作用域是JavaScript的重要组成部分,我们在使用JavaScript编写程序的过程中经常要用到这两部分内容,作为初学者,我经常有困惑,借助写此博文来巩固下之前学习的内容. (一)JavaS ...
- JavaScript 基础回顾——函数
在JavaScript中,函数也是一种数据类型,属于 function 类型,所以使用Function关键字标识函数名.函数可以在大括号内编写代码并且被调用,作为其他函数的参数或者对象的属性值. 1. ...
- Javascript 基础--JS函数(三)
一.基本概念:未完成某一个功能的代码(语句,指令)的集合. 二.函数的调用方式: 2.1.函数名(传递参数1,传递参数2) 基本语法 function 函数名(参数列表){ //代码; retur ...
- javascript基础(五)函数
原文http://pij.robinqu.me/ 通过call和apply间接调用函数(改变this) call 和 apply带有多个参数,call和apply把当前函数的this指向第一个参数给定 ...
- JavaScript基础教程复习笔记
document.write("<h1>这是一个标题</h1>"); 您只能在 HTML 输出中使用 document.write.如果您在文档加载后使用该 ...
- JavaScript基础——JavaScript语法基础(笔记)
JavaScript语法基础(笔记) 1.语言编码 JavaScript语言建立在Unicode字符集基础之上,因此脚本中,用户可以使用双字节的字符命名常量.变量或函数等. [示例] var 我=&q ...
- Javascript进阶篇——(函数)笔记整理
这节是根据慕课网和JavaScript DOM编程艺术一书加起来做的笔记 什么是函数如果需要多次使用同一段代码,可以把它们封装成一个函数.函数(function)就是一组允许在你的代码里随时调用的语句 ...
随机推荐
- elasticsearch的cross_fields查询
1.most_fields 这种方式搜索也存在某些问题 它不能使用 operator 或 minimum_should_match 参数来降低次相关结果造成的长尾效应. 2.词 peter 和 smi ...
- Column常用的参数
#encoding: utf-8 from sqlalchemy import create_engine,Column,Integer,String,DateTime from sqlalchemy ...
- 学习shell的第三天
编程原理:1.编程介绍 早期编程: 驱动 硬件默认是不能使用的: 不同的厂家硬件设备之间需要进行指令沟通,我们需要驱动程序来进行“翻译”: 更趋近与硬件开发的工程师,要学习“汇编语言”:而“汇 ...
- 厉害了,ES 如何做到几十亿数据检索 3 秒返回!
一.前言 数据平台已迭代三个版本,从头开始遇到很多常见的难题,终于有片段时间整理一些已完善的文档,在此分享以供所需朋友的 实现参考,少走些弯路,在此篇幅中偏重于ES的优化,关于HBase,Hadoop ...
- spring配置文件拆分策略及方法
一.拆分策略 如果一个开发人员负责一个模块,我们采用公用配置(包括数据源.事务等)+每个系统模块一个单独配置文件(包括Dao.Service.Web控制器)的形式 如果是按照分层进行的分工,我们采用公 ...
- CSS3鼠标悬停翻转按钮
在线演示 本地下载
- Dasha and Photos CodeForces - 761F (前缀优化)
大意: 给定n*m初始字符矩阵, 有k个新矩阵, 第$i$个矩阵是由初始矩阵区间赋值得到的, 求选择一个新矩阵, 使得其余新矩阵到它距离和最小. 字符集比较小, 可以考虑每次区间覆盖对每个字符的贡献. ...
- Java中的Switch....case语句:
一.格式: switch(表达式){ case 常量表达式1: 语句1; case 常量表达式2: 语句2; … case 常量表达式n: 语句n; default: ...
- FTP服务器上传,下载文件
public class FtpUtil { /** * * @param host FTP服务器地址 * @param port FTP服务器端口 * @param username FTP登录账号 ...
- 今天给大家分享一下js中常用的基础算法
今天给大家分享一下js中常用的基础算法,废话不多说,直接上代码: 1.两个数字调换顺序 ,b= function fun(a,b){ b = b - a ;// a = 2 ; b = 2 a = a ...