javascript函数:
函数概念:所谓的函数值的是一段功能的封装,方便我们后面调用。 所以程序的函数不是数学的函数,指的是我们吧多行代码放在一起,编队取个别名。所以函数有称功能模块
语法规则:
function 函数的名字() {
代码块
}
function bijiao() {
var shuzi1 = 10;
var shuzi2 = 20;
if(shuzi1 > shuzi2) {
document.write(shuzi1 + "大");
}else {
document.write(shuzi2 + "大");
}
}
//计算1--100的和,
function suanHe1() {
var he = 0;
for(var i=1; i<=100; i++) {
he += i;
}
document.write(he);
}
好处:1、封装代码,提高代码的复用率
2、隐藏代码,让外部调用者无法知道里面的业务逻辑。而且无法更改
3、函数是不能直接执行,需要我们手动调用才会执行
根据我们上面的程序,我们提出一个需求,我需要计算1到任意一个数的和,此时我们发现原来的函数就无法满足这个需求了。
所以函数就引入了参数的概念,所谓的参数就是调用者传递给函数的数据
参数的语法规则:
function 函数名(参数名字) {
代码块
}
//我想计算1到任意一个数的和 参数 --
function suanHe4(shuzi) {
var he = 0;
for(var i=1; i<=shuzi; i++) {
he += i;
}
document.write(he);
}
suanHe4(100);
//判断任意两个数的大小, 输出大着
function qiuda(shuzi1 , shuzi2) {
if(shuzi1 > shuzi2) {
document.write(shuzi1+"大");
} else{
document.write(shuzi2+"大");
}
}
js 是一个脚本语言,辅助其他语言完成功能! js是协助html完成一些功能的
html调用js函数:在html元素上,提供了很多事件操作,比如单击事件onclick
什么是事件:事件是js引擎提供的一种内置触发体系,就是当我们做某个事情的时候会自动出发某一个操作。js利用事件监听器对我们html元素进行监听,当html触发某个事件的时候会根据我们的代码自动调用js代码
<button onclick="tupian()"> 显示图片 </button>
function tupian() {
document.write("<img src='t01f59d7efb0756f33d.jpg'>");
}
由此我们发现,我们可以通过js让我们的页面出现一些动态 的效果, js作为脚本语言其核心功能就是控制html页面动态展示数据,当然随着js的发展,目前js也专业作为前端语言完成很多和服务器的交互功能。这需要进一步学习js的一些框架技术,如jquery、vue、angular等
函数返回值
在我们调用函数的时候,我们目前都是利用函数去执行代码,但是函数执行完以后没有任何反馈给调用者。所以我们在调用函数时候是希望函数有反馈,那这个就是需要提供返回数据的机制,叫返回值,当我们调用了某个方法,这个方法会利用关键字 return 吧结果返回给调用,而调用者可以利用一个变量来接收,这样我们调用方法之后就得到 了方法的返回值:
function bijiao(shuzi1, shuzi2) {
if(shuzi1 > shuzi2) {
return shuzi1;
} else {
return shuzi2;
}
}
var shuzi = bijiao(100,200);
document.write(shuzi + "===========");
//计算1-100的和,并且得到结果
function qiuHe(shuzi) {
var he = 0;
for(var i=1; i<=shuzi; i++) {
he += i;
}
return he;
}
返回值的作用主要是当我们执行某一段代码之后得到的结果需要进行二次使用,比如:
function bijiao(shuzi1, shuzi2) {
if(shuzi1 > shuzi2) {
return shuzi1;
} else {
return shuzi2;
}
}
// 请比较 100 200 300 400 那一个大
var da1 = bijiao(100,200);
var da2 = bijiao(300,400);
var da = bijiao(da1, da2);
函数实际上就是一个功能单元的封装,然后给他定义了一个别名,当我们需要使用这个功能的时候就不需要在重复编写代码,只需要通过别名调用 该函数,重复执行该代码即可。
编程语言的基础对于我们来说是很简单的,但是应用才是 比较难的。