函数

来源：互联网发布：手机如何连接电脑网络编辑：程序博客网时间：2024/04/30 14:05

<!DOCTYPE html>

<html>

<head>

<metacharset="utf-8" />

</head>

<body>

<inputtype="button" name="btn1" id="btn1"value="点我点我" />

<scripttype="text/javascript">

// 函数：具有一定功能的代码段（相当于把一定功能的几行代码捏合成一个单词）可重用的代码段

// 定义一个函数

function函数名(参数列表){

函数体;

// alert("1", 2, 3);

return返回值;

}

// function 函数声明标识符

// 函数名：用来表示函数，也用来调用函数

// 参数列表：由外部传入函数内部，进行使用的值

// 函数体：完成函数功能的语句

// return：由函数内部往外传送值

// 函数的分类：

// 按形式分类：可分为四类：

// 1. 无参数，无返回值

functionopenRoom1(){

// alert("春雨最喜欢的日韩");

}

// 函数调用

openRoom1();

// 2.无参，有返回值

functionopenRoom2(){

return"春雨最喜欢的克罗地亚" + 1;

}

var str = openRoom2();

// alert(str);

// 或者：alert(openRoom2());

// 3.有参数，无返回值

// 相当于favor = 保加利亚

functionopenRoom3(favor){

// alert("春雨最喜欢的" + favor);

}

openRoom3("保加利亚");

// 4.有参数，有返回值

functionopenRoom4(favor,money){

return"春雨最最喜欢的"+ favor + "还花了"+ money;

}

// alert(openRoom4("欧美",5000));

// 练习：定义一个函数，求两个数的和

functionsum(num1,num2){

returnNumber(num1) + Number(num2);

}

// alert(sum(4,6));

functionshang(num1,num2){

returnNumber(num1) / Number(num2);

}

// alert(shang(4,2));

//练习;定义一个函数，求一个整数型数组的元素之和

// 10个元素，取值范围是【50 - 100】

vararr = Array(10);

for(var i = 0; i< arr.length; i++) {

arr[i]= Math.floor(Math.random() * (100- 50 + 1) + 50);

}

functionsumArr(array1){

varsum0 = 0;

for(var i = 0; i< array1.length; i++) {

sum0+= array1[i];

}

returnsum0;

}

// alert(sumArr(arr));

// 练习; 求1 - n的和

functionsumN(n){

varsum = 0;

for(vari = 1; i <= n; i++){

sum += i;

}

returnsum;

}

// alert(sumN(5));

// return 返回值

// 一个函数中只有一个return

// return 执行之后，下面的代码不执行，函数使命结束

functionsum2(num1,num2){

returnNumber(num1) + Number(num2);

alert("hahahaahahahahaha");

}

var sum22 = sum2(3,5);

// alert(sum22);

// 变量的作用域问题

// 函数内部定义的变量，只在函数内部生效，当函数执行完毕之后失效（局部变量）

// 在外部定义的变量可以在函数中使用（全局变量）

vara1 = "hello";

functiontest1(){

vara = 10;

// alert(a);

// alert(a1);

}

test1();

// 不认识a

// alert(a);

// 函数：按照命名分类

// 两种：命名函数与匿名函数

// 匿名函数：没有实际名字的函数

varoBtn = document.getElementById("btn1");

// 1.事件绑定

// 点击按钮（触发事件）时才调用函数，不触发不调用

oBtn.onclick= function(){

// alert("点点点");

}

// 2.存于变量中

var func = function(favor){

// alert("我保存在变量中" + favor);

}

func("萌萌哒");

//练习：求两个数的最大值

functionmax(num1,num2){

if(num1 < num2) {

returnnum2;

}else{

returnnum1;

}

// alert(max(2,3));

//练习：求三个数的最大值

functionmax1(num1,num2,num3){

// var max = num1 > num2 ? num1 : num2;

// max = max > num3 ? max : num3;

// return max;

returnmax(num1,num2) > num3 ? max(num1,num2): num3;

}

// alert(max1(1,2,3));

functionmax2(num1,num2,num3,num4){

// 函数的嵌套调用

returnmax1(num1,num2,num3) > num4 ? max1(num1,num2,num3) : num4;

}

// alert(max2(4,5,8,93));

// 练习：产生一个给定范围内的随机数【min - max】

functionsui(min,max){

varsuiji = Math.floor(Math.random() * (max - min + 1)+ min);

returnsuiji;

}

// alert(sui(10,20));

// 定时器

// 1.单次计时器

// 参数1 ：时间结束后执行的代码（函数）

// 参数2 ：时间，多久之后执行(毫秒)

// function fn1(){

// alert("香蕉��");

// }

// var timer1 = setTimeout(fn1,2000);

// 复合写法

// var timer2 = setTimeout(function(){

// alert("小苹果��");

// },1000);

// 循环定时器

// 参数1 ：函数，循环执行的函数

// 参数2 ：时间间隔

vartimer3 = setInterval(function(){

alert("葫芦娃

0 0