javascript教程系列-4.函数

欢迎加入前端交流群：749539640

转载请标明出处！

在火影的世界中存在忍术，忍术是把强大的能量集中在一起以各种各样不同的形式发射出来。怎样使用各种各样的忍术那？通过结印。

好，我们提取一些火影忍者中的关键信息。

1.火影忍者的故事背景有忍术存在，忍术什么样是由忍术先祖发明出来的。

2.忍术是同过结印触发的。结印几次就触发几次；(查克拉足够的情况下)

通过这个背景我们想象一下，在JavaScript这个故事中，有一种类似忍术的东西，这种东西叫做函数，忍术先祖可以创造各种各样的忍术，同样我们也可以创造各种各样不同的函数，忍术需要结印才能触发，同样的函数需要调用才能触发。

99乘法表.html637 bytes

函数

将代码编写在函数中，就可以避免在非必要情况下调用该代码，也就是说我们可以让一段代码在特定情况下再去执行。

function 关键字：该关键字表示要声明一个函数。

如何执行函数()

function m1(){

//xxxxxxxxxxxxx

}

for(var i=0;i<10;i++){

m1();

}

刚才提到，函数的意义就是在特定情况下运行函数，那么什么是特定的情况那？

JavaScript是事件驱动的语言！

事件：用户的行为。

onclick、ondblclick、onfocus、onblur

99乘法表.html8.2 KB

函数的参数

function m1(v1, v2, v3...){

//xxxxxxxxxxxxx

}

return关键字

带返回值的函数

案例：

年月日分别为自定义函数的参数，判断是否为正确的日期

是否正确日期.html1.2 KB

作业：

三个输入框分别输入，年、月、日，判断，年月日是否正确。

参数可以传递多个，与函数的定义无关

function fn(e,b){

}

fn ("a","b","c");

案例：要实现一个加法运算，将所有传进来的数字累加。

作用域的问题

作用域的生命周期。

var a = 10;

function m1(){

var a = 5;

alert(a);

}

递归的用法

什么是递归？

自身调用自身！

function pr(){

return pr()

}

关键点：

1.终止条件

2.运算规则

function pr(n){

if(n==1){ // 终止条件

return n;

}

return pr(n-1)+n;

}

打印任意个hello world;

function pr(n){

if(n==0){

return

}

document.write('hello world!!<br>');

return pr(n-1)；

}

pr(10)

输出斐波那契额数列数列的前20项(递归)

function fib(n){

if(n==1||n==2){

return 1

}

return fib(n-1)+fib(n-2)

}

for(var i = 1 ; i <= 20; i++){

document.write(fib(i)+'<br>')

}

javascript教程系列-4.函数相关推荐

【JavaScript 教程系列第 10 篇】判断一个数是整数还是小数
这是[JavaScript 教程系列第 10 篇],如果觉得有用的话,欢迎关注专栏. 思路如果一个数是整数,那么 parseInt() 函数和 parseFloat() 函数的返回值是相同的,反之返 ...
【JavaScript 教程系列第 8 篇】什么是闰年？判断某一年是不是闰年
这是[JavaScript 教程系列第 8 篇],如果觉得有用的话,欢迎关注专栏. 闰年分为普通年:能被 4 整除且不能被 100 整除的是闰年. 世纪年:能被 400 整除的是闰年. 依据这两个判 ...
JavaScript进阶系列01,函数的声明，函数参数，函数闭包
本篇主要体验JavaScript函数的声明.函数参数以及函数闭包. □ 函数的声明 ※ 声明全局函数通常这样声明函数: function doSth() { alert("可以在任何时候调 ...
javascript基础系列：函数（三）
函数 function 函数就是一个方法或者一个功能体,函数就是实现某个功能的代码放到一起分装,以后想要操作实现这个功能,只需要把函数执行即可,减少页面中的冗余代码,提高代码重复使用率(低耦合高内聚) ...
javascript教程系列-1.JavaScript基础
欢迎加入前端交流群来:749539640 转载请标明出处! JavaScript概述一个页面分成三个部分,结构,样式,行为. HTML代表了页面的结构(骨架),CSS代表了页面的样式(皮肤), ...
javascript教程系列20: 前端必读,浏览器内部工作原理(转)
目录一.介绍二.渲染引擎三.解析与DOM树构建四.渲染树构建五.布局六.绘制七.动态变化八.渲染引擎的线程九.CSS2可视模型英文原文:How Browsers Work: Beh ...
后端返回number类型数据_【JavaScript 教程】标准库—Number 对象
作者 | 阮一峰 1.概述 Number对象是数值对应的包装对象,可以作为构造函数使用,也可以作为工具函数使用. 作为构造函数时,它用于生成值为数值的对象. var n = new Number(1) ...
对象数组参数_【JavaScript 教程】标准库—Array 对象
作者 | 阮一峰 1.构造函数 Array是 JavaScript 的原生对象,同时也是一个构造函数,可以用它生成新的数组. var arr = new Array(2);arr.length // ...
linq结果转换object_【JavaScript 教程】标准库—Object 对象
作者 | 阮一峰 1.概述 JavaScript 原生提供Object对象(注意起首的O是大写),本章介绍该对象原生的各种方法. JavaScript 的所有其他对象都继承自Object对象,即那些对 ...

javascript教程系列-4.函数

javascript教程系列-4.函数相关推荐

最新文章

热门文章