javascript--函数的定义和使用

红太狼 2022-08-23 04:56 13阅读 0赞

函数的定义和使用：

1、 语法：

语法：

function 函数名(参数)\{

函数体;

return变量;---------------想要输出函数值，则需要加return

调用：函数名();

2、  定义：

(1)    通过函数可以把重复使用的代码封装

例子：

var m=1;

function fun()\{

alert(m+"函数内部");

alert(m+"函数外部");

fun();//函数调用

(2)    函数的定义只是一个代码块的封装(只有在需要的时候才调用)

例子：封装一个函数计算长和宽的乘积

请输入长：<input type="text" id="width">

请输入宽：<input type="text" id="height">

结果：<input type="text" id="result1">

function fun()\{

var width=document.getElementById("width").value;

var height=document.getElementById("height").value;

//把两个参数width,height的值传给fun1();方法：fun1(width,height)

//同时fun1()把cj返回回来

document.getElementById("result1").value = fun1(width,height);

function fun1(a,b)\{

var cj=a\*b;

//给fun()返回cj

return cj;

</script>

(3)    在一个函数中定义的变量，叫局部变量。当这个函数执行完成，出了这个函数的变量全部自动消失，不存在

var a = 3;//全局变量，可以直接进入函数内使用

var b = 9;

function fun3()\{

var s = a+b;

return s;//有返还值的函数  相当于 fun3()=s

//输出函数的返回值，输入完成之后，s自动消失

document.write(fun3());

(4)    在函数外部定义的变量叫全局变量

var a=3; //全局变量

function fun2()\{

var k=6;//局部变量

// alert(k);

a=k;//将k的值6赋给a,变成a=6

fun2();

alert(a);//函数内容改变了a的值，所以弹出6

3、 系统函数

Alert、parseInt、typeof、prompt

4、 系统对象

Math.radom、Document、date、Array、String、Object

5、  对象指向函数

语法一：

Var 变量名=函数名;//不加括号

例子1：

//系统对象

var num=Math.random;//注意不加括号

document.write(num());

例子2：动态创建表格：

<form>

行：<inputtype="text" id="col">

列：<inputtype="text" id="row">

</form>

var table=document.getElementById("tab");

//第四步：creatTable()函数接收，进行传参（写上传参的值）

function creatTable(col,row)\{

var str="";

for(var n=0;n<col;n++)\{

str=str+"<tr>";

for(var m=0;m<row;m++)\{

str=str+"<td>"+"</td>";

str=str+"</tr>";

table.innerHTML=str;

//第三步：对象指向函数

var obj=creatTable;//不加括号

//第一步：点击函数：定义变量获取两个的值

function fun()\{

var col=document.getElementById("col").value;

var row=document.getElementById("row").value;

//第二步：传参，将两个值传给变量

obj(col,row);

</script>

语法二：

var 变量名=function()\{

变量名();-----------调用

例子：

//变量定义函数

var obj =function()\{

alert("你好");

//变量名();表示调用函数

obj();

javascript--函数的定义和使用

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 Javascript 如何定义函数

相关谈一谈javascript中函数定义表达式和函数声明的区别？

相关 Python函数的定义和使用教程

相关 javascript--函数的定义和使用

相关 JavaScript中函数的定义方式

相关 Shell中函数的定义和使用

相关 JavaScript学习记录day5-函数的定义和调用

相关关于JavaScript自定义函数的使用

相关 javascript定义getter,setter函数

相关 matlab中函数的定义和使用