[19/05/29-星期三] JavaScript_ 函数的简介
Posted id-qingxin
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[19/05/29-星期三] JavaScript_ 函数的简介相关的知识，希望对你有一定的参考价值。
一、函数的简介
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>函数的入门</title> </head> <script type="text/javascript"> /*函数(function)也是个对象，可以封装一些代码，在需要时调用 使用typeof检查函数对象时，会返回function 可以将要封装的代码以字符串的形式传递给构造函数 封装到函数中的代码不会立即执行，函数中代码会在函数调用时执行。 语法：函数对象名(); 封装的代码会按顺序执行 * */ var fun=new Function("console.log(‘你敲代码好low呀‘);");/*这方式很少使用*/ fun(); /*使用函数声明来创建函数 (形参可有可无 即无参函数) function 函数名(形参1，形参2...) 函数体； * */ function fun2() console.log("你敲代码好像蔡徐坤呀"); fun2(); /*使用函数表达式来创建函数 --即创建匿名函数，然后把匿名函数赋值给一个变量 var 函数名=function(形参1,....) * */ var fun3= function() console.log("哈哈"); ;//这里最好加个分号,这是个赋值语句 fun3(); </script> <body> </body> </html>
二、函数参数和返回值
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>函数的参数</title> </head> <script type="text/javascript"> /*这里声明形参跟Java中不同，这里不用指定形参类型。它就相当于在函数内部声明了对应的变量var 1)浏览器的解析器不会检查实参的类型。即使传个参数("你好",123) 也不会报错。所以有时需要检查判断传入的数据类型 2)也不会检查实参的数量，多余的实参不会被赋值，也不会报错 (123,45,6)不会报错 3)如果实参的数量不够，则缺少的实参数据类型是undefined 输出结果为NaN
函数内部也可以声明函数。 * * * */ function add(a,b) console.log(a+b); add(2,3); /*函数的返回值 ，在函数中它不用指定的数据类型去接收，跟Java不同。在调用时接收这点是一样的 return 之后的语句都不会执行 。return后边什么也不跟或不写return就相当于返回一个undefined return 可以返回任意类型的值。也可以是个对象，也可以是个函数
return 是它后边的语句都不会执行。break是跳出所有的循环，换句话说若是循环后边还有语句，还会执行，但是return则不是，直接退出函数也 * */ function add2(a,b,c) var sum=a+b+c; return sum; var result=add2(3,6,7); console.log(result); console.log(add2(3,12,8)); </script> <body> </body> </html>
练习
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>函数参数的练习</title> <script type="text/javascript"> function isEven(n)/*判断一个数是不是偶数,是偶数返回true不是返回false*/ /* if(n%2==0) console.log(n+"是偶数"); else console.log(n+"不是偶数"); */ return n%2==0; console.log(isEven(17)); function area(R)//计算圆的面积 return 3.14*R*R; console.log(area(10)); /*实参可以是任意一个数据类型，包括一个对象。当参数过多时，可以封装成一个对象传递*/ var obj= name:"猴子", age:18, address:"花果山" function sayHello(o) console.log("姓名："+o.name+",年龄："+o.age+",住址："+o.address); sayHello(obj); /*实参也可以是个函数*/ function fun (a) console.log("a="+a); a(obj);//调用a就是调用函数sayHello fun(sayHello);//这里sayHello就是一个函数 同理fun也可以传个匿名函数. //fun(sayHello());调用sayHello函数 fun(sayHello);调用sayHello函数对象 fun(function() console.log("hello")); </script> </head> <body> </body> </html>
以上是关于[19/05/29-星期三] JavaScript_ 函数的简介的主要内容，如果未能解决你的问题，请参考以下文章