js 函数
// - 使用function语句定义函数 // 1. function one(){ // document.write('<table border="1" width="600" cellspacing="0" align="center"><tr height="100"><td></td><td></td><td></td> <td></td><td></td></tr><tr height="100"><td></td><td></td><td></td><td></td><td></td></tr><tr height="100"><td></td><td></td><td></td><td></td><td></td></tr><tr height="100"><td></td><td></td><td></td><td></td><td></td></tr></table>') // } // one(); // one();
// // - 使用Function()构造函数来定义函数 // var one=new Function(`document.write('<table border="1" width="600" cellspacing="0" align="center"><tr height="100"><td></td><td></td><td></td> <td></td><td></td></tr><tr height="100"><td></td><td></td><td></td><td></td><td></td></tr><tr height="100"><td></td><td></td><td></td><td></td><td></td></tr><tr height="100"><td></td><td></td><td></td><td></td><td></td></tr></table>')`) // one(); // one();
// - 在表达式中定义函数 // var one= function(){ // document.write('<table border="1" width="600" cellspacing="0" align="center"><tr height="100"><td></td><td></td><td></td> <td></td><td></td></tr><tr height="100"><td></td><td></td><td></td><td></td><td></td></tr><tr height="100"><td></td><td></td><td></td><td></td><td></td></tr><tr height="100"><td></td><td></td><td></td><td></td><td></td></tr></table>') // } // one(); // one();
调用函数
//调用函数 // 直接调用 // one(); 或者 window.one() // 事件中调用 // <div onclick="one()"></div> //将函数的返回值赋给变量 // var t = one();
函数的参数
形参与实参
//参数 //形参 与实参 //形参 function one (形参) function one (a,b,c){ console.log(c); } //实参 one(实参); one(10,20);
形参与实参的特点
//当形参大于实参时 则会输出underfined; // function one (a,b,c){ // console.log(c); // } // one(10,20); //当实参大于形参时 则会把多的实参忽略; // function one (a,b,c){ // console.log(c); // } // //实参 one(实参); // one(10,20,30,40); //形参可以有默认值,当实参给的有值则直接用实参的值 // function one (a=1,b=2,c=3){ // console.log(c); // } // one(10,20); //形参与实参是一一对应的 //如果实参过于多 可以用 arguments // function Test(a,b){ // alert(typeof(arguments)); // 获得类型 // alert(arguments[1]); // 获取下标为1的参数值 // alert(arguments.length); // 获取参数的长度 // alert(arguments.callee); // 获取函数的所有内容 // } // Test("zhang","li");
返回值return特点
//函数的返回值 return /* return的特点 1.return的作用:返回数据 封装函数 */ // function one (a,b,c){ // var two=a+b+c; // return(two) // } // alert(one(10,2,20)) // 2.默认情况下,函数的返回值为undefined // function one (a,b,c){ // var two=a+b+c; // } // alert(one(10,2,20)) // 3.return可以返回值,但是只能返回一个值 ;如果想返回多个值 用数组进行返回 // function one (a,b,c){ // var two=a+b+c; // var three=a-b+c // return[two,three] // } // alert(one(10,2,20)) // 4.在函数中,只要看到return 就表示函数的结束,后面的代码不会执行 ,与if break 相似 // function one (a,b,c){ // var two=a+b+c; // var three=a-b+c // console.log("我"); // return[two,three] // console.log("你"); // } // console.log(one(10,2,20))
本文来自博客园,作者:刘先生的爱心博客,转载请注明原文链接:https://www.cnblogs.com/liu521125/p/17804033.html
一点一滴记录着学习html5 css3 和js 的时光