您的位置：首页 > Web前端 > JavaScript

javascript基础（函数）（十四）

2017-02-08 10:54 113 查看

1.函数简介及创建：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">

/*
* 函数（function）
* 	- 函数也是一个对象，具有Object的所有的功能
* 	- 不同是的函数对象可以保存一些可执行的代码，并且在需要的时候可以调用这些代码
*/

//创建一个函数对象
//创建函数对象时，可以在构造函数中传递一个字符串作为参数
//这个字符中可以保存一些js代码
///var fun = new Function("alert('我是函数中的代码');");

//使用typeof检查一个函数对象时，会返回function
//console.log(typeof fun);

//fun.hello = "你好";

//console.log(fun);

//如果需要函数中的代码执行，则需要对函数进行调用
//语法：函数对象+()
/*fun();
fun();*/

/*
* 创建函数的方式一：
* 		- 使用函数声明来创建一个函数
* 		- 语法：
* 			function 函数的名字([形参1,形参2,...形参n]){
* 				语句...
* 			}
*/

//创建一个函数
function fun(){
console.log("语句一");
console.log("语句二");
console.log("语句三");
}

//console.log(typeof fun);

//调用函数
/*fun();
fun();
fun();*/

/*
* 创建函数的方式二：
* 	- 使用函数表达式来创建一个函数
* 	- 语法:
* 		var 变量 = function([形参1,形参2,...形参n]){
* 			语句...
* 		};
*/

var fun2 = function(){
alert("我是又一个函数");
};

//console.log(typeof fun2);
fun2();

</script>
</head>
<body>
</body>
</html>

2.例子：创建一个可以求任意两个数和的函数

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">

//创建一个可以求任意两个数和的函数
/*
* 在定义函数时，可以在()中来指定数量不等的形参(形式参数)
* 	多个形参之间使用,隔开
*
* 在函数中定义形参，就相当于在函数中声明了两个变量，但是并不赋值
*/
function sum(a , b){

/*console.log(a + b);*/

console.log("a = "+a);
console.log("b = "+b);

//b();

}

/*
* 在调用函数时，可以指定实参（实际参数），
* 	和形参类似，我们也可以传递多个实参，多个实参之间使用,隔开
* 	实参会赋值给对应的形参，第一个实参赋值个第一个形参 第二个实参赋值给第二个形参。。。
*/
/*sum(123 , 456);
sum(1,5);
sum(12345,56789);*/

/*
* JS函数在调用时，解析器（浏览器）不会去检查形参的类型和个数
* 	- 也可以传递任意数量的实参
* 		- 如果实参的数量小于形参，则没有对应实参的形参将会使undefined
* 		- 如果实参的数量大于形参，则多余的实参不会使用
* 	- 可以传递任意类型的实参
* 		- 实参可以是任意的数据类型，也可以是一个对象
* 		- 也可以是一个函数
*
*
*/
//sum(123,456,789,579);

sum({name:"小红"}, function(){
alert("hello");
} );

</script>
</head>
<body>
</body>
</html>

3.函数返回值：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">

//定义一个函数，可以求任意三个数的和
function sum(a , b , c){
//console.log(a + b + c);
var d = a + b + c;

/*
* 返回值
* 	 - 返回值简单来说就是函数的执行结果
*   - 我们可以通过return来设置函数的返回值
* 	 - 语法：return 值;
* 		return后的代码将不会执行
* 	 - 函数的返回值可以是任意的数据类型
* 		也可以是一个对象，也可以是一个函数
* 	 - 如果return后不写值或者不写return，则相当于 return undefined;
*/

//return {name:"孙悟空"};

//alert("函数执行了~~~");

/*return function(){
alert("我是返回的函数~~~~");
};*/

return ;

}

/*
* 在调用函数时，我们可以定义一个变量来接收函数的返回值
*/
var result = sum(10,20,30);

//console.log(result);
//result();

var str = "123px";

var r = parseInt(str);

r = alert("hhhh");

console.log("r = "+r);

</script>
</head>
<body>
</body>
</html>

4.调用函数：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">

//创建一个函数
function fun(){
//创建一个5次的for循环
for(var i=0 ; i<5 ; i++){

if(i == 2){
//continue可以跳过当次循环
//continue;

//break可以用来退出循环
//break;

//return可以用来立即结束函数
return;

}

console.log("i = "+i);
}

console.log("我在for循环外部执行");
}

//调用函数
fun();

</script>
</head>
<body>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript html 对象

相关文章推荐

新的分享

章节导航