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函数(笔记)的更多相关文章

  1. （Frontend Newbie）JavaScript基础之函数

    函数可以说是任何一门编程语言的核心概念.要能熟练掌握JavaScript,对于函数及其相关概念的学习是非常重要的一步.本篇从函数的基本知识.执行环境与作用域.闭包.this关键字等方面简单介绍Java ...

  2. JavaScript基础——JavaScript常量和变量(笔记)

    JavaScript常量和变量(笔记) Javascript代码严格区分大小写. javascript暂不支持constant关键字,不允许用户自定义常量. javascript使用var关键字声明变 ...

  3. JavaScript基础学习-函数及作用域

    函数和作用域是JavaScript的重要组成部分,我们在使用JavaScript编写程序的过程中经常要用到这两部分内容,作为初学者,我经常有困惑,借助写此博文来巩固下之前学习的内容. (一)JavaS ...

  4. JavaScript 基础回顾——函数

    在JavaScript中,函数也是一种数据类型,属于 function 类型,所以使用Function关键字标识函数名.函数可以在大括号内编写代码并且被调用,作为其他函数的参数或者对象的属性值. 1. ...

  5. Javascript 基础--JS函数（三）

    一.基本概念:未完成某一个功能的代码(语句,指令)的集合. 二.函数的调用方式: 2.1.函数名(传递参数1,传递参数2)   基本语法 function 函数名(参数列表){ //代码; retur ...

  6. javascript基础(五)函数

    原文http://pij.robinqu.me/ 通过call和apply间接调用函数(改变this) call 和 apply带有多个参数,call和apply把当前函数的this指向第一个参数给定 ...

  7. JavaScript基础教程复习笔记

    document.write("<h1>这是一个标题</h1>"); 您只能在 HTML 输出中使用 document.write.如果您在文档加载后使用该 ...

  8. JavaScript基础——JavaScript语法基础(笔记)

    JavaScript语法基础(笔记) 1.语言编码 JavaScript语言建立在Unicode字符集基础之上,因此脚本中,用户可以使用双字节的字符命名常量.变量或函数等. [示例] var 我=&q ...

  9. Javascript进阶篇——(函数)笔记整理

    这节是根据慕课网和JavaScript DOM编程艺术一书加起来做的笔记 什么是函数如果需要多次使用同一段代码,可以把它们封装成一个函数.函数(function)就是一组允许在你的代码里随时调用的语句 ...

随机推荐

  1. 【并行计算-CUDA开发】Windows下opencl环境配置

    首先声明我这篇主要是根据下面网站的介绍, 加以修改和详细描述,一步一步在我自己的电脑上实现的, http://www.cmnsoft.com/wordpress/?tag=opencl&pag ...

  2. Autofac依赖注入容器

    依赖注入容器-- Autofac https://github.com/danielpalme/IocPerformance Unity 更新频率高,微软的项目Grace 综合性能更高 目录: 一.简 ...

  3. vue--vue-resource实现 get, post, jsonp请求

    vue-resource 实现 get, post, jsonp请求 除了 vue-resource 之外,还可以使用 axios 的第三方包实现实现数据的请求 之前的学习中,如何发起数据请求? 常见 ...

  4. 合并两个排序的链表递归和非递归C++实现

    题目描述: 输入两个单调递增的链表,输出两个链表合成后的链表,要求合成后的链表满足单调不减规则. 1.分析 已知输入的两个链表递增有序,要使输出的链表依然递增有序,可以依次从输入的两个链表中挑选最小的 ...

  5. OI模板のpoke流[大型考试复习必备/kl]

    数论 快速乘: ll qmul(ll x,ll y,ll mod) { ll ans=0; while(y) { if(y&1) (ans+=x)%=mod; y>>=1; (x+ ...

  6. （5.4）mysql高可用系列——MySQL异步复制（实践）

    关键词:mysql复制,mysql异步复制,mysql传统异步复制 [1]实验环境 操作系统:CentOS linux 7.5 数据库版本:5.7.24 数据库架构:主从复制,主库用于生产,从库用于数 ...

  7. 怎么快速写好看的手机menu菜单

    要达到这样的效果: <div class="menu"> <div class="menu-1"> <img alt=" ...

  8. Spring配置redis及使用

    一.redis简介 Redis 是完全开源免费的,遵守BSD协议,是一个高性能的key-value数据库 Redis支持数据的持久化,可以将内存中的数据保存在磁盘中,重启的时候可以再次加载进行使用. ...

  9. C# 下sqlite简单使用

    1. 对数据库增, 删, 改 //数据库文件存储路径,(Environment.CurrentDirectory:为当前工作目录的完全路径) string dbPath = "Data So ...

  10. django-Auth模块(详细介绍)

    转载自https://www.cnblogs.com/liuqingzheng/articles/9628105.html 1 Auth模块是什么 Auth模块是Django自带的用户认证模块: 我们 ...