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

javascript基础之一（函数）

2015-10-23 20:14 609 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript基础（函数）</title>
</head>
<script>
//JavaScript默认只有四种基本类型String，Nunber，boolean，undefined，其他都是object
function add(x,y){
return x+y;
}
console.info(add(1,2));
function add2(x,y){
console.info(x+y);
}
window.add2(2,3);//JavaScript函数是全局的（window），在任何地方都可调用
//匿名函数
var sum=function(x,y){
return x+y;
}
console.info(sum(5,5));//匿名函数必须在定义之后使用
//return之后不能回车 如：
console.info(
(function noEnterTest(){
return {//在需要返回值的时候，return不能有回车，因为JavaScript默认将回车后加上“；”
name:"lsf"
};
})()//函数即定义即调用
);

//内部函数
function outerFunc(a,b){
var value=10;
function innerFunc(x){
return value+x+x;
}
return innerFunc(a)+innerFunc(b);
}
console.info(outerFunc(10,10));
//返回函数的函数
function funReturnFun(x){
var value=10;
return function(){
return value+x+x;
};
}
console.info(funReturnFun(100)());
//函数参数与传入的参数不一致
console.info(add("1",2));//结果为12，JavaScript不会检查传入的参数类型，传入string则转化为string
console.info(add(1,2,4));//结果为3，传入多余的参数将会被忽略
console.info(add(1));//结果为NaN，没有传入的参数默认为undefined
function sayHello(s1,s2){
if(s2===undefined){
s2="你好";
}
return s1+s2;
}
console.info(sayHello("lsf"));
console.info(sayHello("lsf","你妈喊你吃饭了"));
//函数参数的个数 详解
function sumNum(){
var result=0;
for(var i=0;i<arguments.length;i++){
result=result+arguments[i];
}
return result;
}
</script>
<body>
<div style="text-align:center">
<button id="click">点击</button>
<input style=”text“ id="text"></input>
</div>
<script>
button=document.getElementById("click");
text=document.getElementById("text");
var i=0;
button.addEventListener("click",function(){//函数既然为对象，可以作为参数传入其他函数
i++;
text.setAttribute("value",i+" hello");
})
</script>
</body>
</html>

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

标签：

相关文章推荐

新的分享

章节导航