新手Perfect教程之Javascript②教程—函数
前言:上回我们是从hello world开始的，本期将会讲“函数”
在学自定义函数之前，先了解几个已经定义好的函数:
1 alert(); //弹出消息对话框函数(JavaScript默认函数) 2 prompt(); //弹出输入对话框函数(JavaScript默认函数) 3 document.write(); //写字符到<body>里(JavaScript默认函数，document是一个默认对象，以后会讲到)
但是，你弹出对话框得有对话框内容吧；你写字符得有字符的内容吧……
如何确认内容呢?
我们就用函数的参数来确定，比如说这个：
1 alert("这里是参数");
但是必须注意，如果参数是字符串，就必须加引号（单、双引号均可，只要是字符串在这一对引号中间即可）
假如要是在字符串参数里还需要进行第二层引用，就用不同于该参数的引号，比如说：
alert("Hi! This is a 'String'.") //双引号中引用的用单引号
或者：
alert('Hi! This is another "String".'); //单引号中引用的用双引号
（提示：这两种都正确，本教程使用第一种）
这是部分Javascript的默认函数，那么，如何自己创建函数呢？
用function(){}即可自己创建函数，比如说这个最简单的函数框架：
1 function test(){ 2 //这里写执行函数后的代码 3 }
在上面的代码中，function后面的“test”是一个自定义的函数名，自定义函数名是有要求的：
1.可以使用大小写字母（A-Z，a-z）
2.可以使用数字（0-9）
3.不能出现其他特殊字符（&、*、#、@、！、~、/、\等）
4.不能出现中文！（这是重中之重！因为Javascript不能识别中文变量名！）
下面这是个无参数的函数：
1 function noVar() { 2 alert("Hello World!"); 3 }
为什么说是上面的函数是无参数的函数？因为上面的函数的函数名noVar后面的括号里没有定义参数。
参数也是可以自定义的，要求同自定义函数名。
下面这是个有参数的函数（Javascript里用“+”来代表两个变量相加）：
1 function haveVar(var1) { 2 alert("Welcome! Your name is " + var1); 3 }
怎么调用函数？
调用函数很简单，可以直接在<body>的onload参数里调用:
1 <body onload="haveVar(John)"> 2 //... 3 //... 4 //... 5 </body>
或者通过<input type="button">制作的按钮调用:
1 <body> 2 //... 3 //... 4 <input type="button" onclick="haveVar(John)" value="按钮" /> //点击按钮后执行haveVar函数，参数为John 5 //... 6 //... 7 </body>
看到这里，可能有的童鞋就得问了，为什么调用带参数的函数时参数不加引号？
因为假如参数加了引号，那么浏览器看到οnclick=时就不知道onclick的参数是 “haveVar(” 还是 “)” 还是 “John” 还是 “haveVar(John)” 了。
（注意：如果参数或一个变量没有被赋值任何数据，那么就是英文单词“undefined”（翻译：未定义的））
函数也可以是有返回值的，这样的话函数返回返回值后，整个调用函数的内容就会变成返回值（即哪里调用函数，哪里就把函数看成一个变量），比如说：
1 function haveVar(var1,var2) { 2 var equal = var1 + var2; //计算var1+var2的值并存入equal变量中 3 return equal; //返回equal变量内容 4 }
假如调用这个函数时参数写上：haveVar(7,3)，那么就会返回10。
————————The End————————
下期预告：新手Perfect教程之Javascript—③对象
我们下期再见！
作者：wy14abcd
未经允许不得转载
扫一扫
847
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
