1、理解函数和函数的用途:是由事件驱动的,可重复使用的代码块
常将一些常用的功能模块编写成函数,放在函数库中供公共选用
要善于利用函数,减少重复编写程序段的工作量
在js中,函数就是对象,程序可以随意操控它们
2、function plus(i,j){
var sum=i+j;
alert(sum);
}
plus(2,3);
这样就可以算出结果来,减少代码的重复量,减少重复的逻辑,
2、定义函数
function 函数名(){
//函数体(代码块) 第一种方式,此为一般函数的调用
}
注意:对大小写敏感function,
命名的话,如果是动作的话,开头小写,接下来首字母大写
var 变量=function (){
//第二种声明方式,此为第二种,表达式函数的调用
}
变量();
用变量代替函数
3、函数的调用
第一大类,在script中调用函数
1、js标签中直接调用
2、HTML元素中,如按钮onclick事件、a标签中
var obj={ name:"张三",
sayHi:function(){
alert("hello !");
}
}
obj.sayHi(); //此为第三种方式,为对象内部的方法调用
3、第四种为在声明函数的调用自身加个括号,在在后面加上括号分号
声明的同时调用。
第二大类,在HTML中调用函数
4、onclick()事件调用,
5、a标签中,把默认的跳转事件给取消掉
<a href="javascript: plus();">跳转js</a>
4、带参数的函数
function 函数名(参数1,参数2,参数3){
}
形参:定义在小括号的参数
实参:调用时实际传入的参数
arguments参数:调用时对每个函数的参数都赋值给arguments参数
1 、js可以传递不同类型的参数,个数为0到n个,用,隔开
参数传递时,是有顺序的,需要与定义时候保持一致
意义:通过参数的个数与类型的不同,实现更为丰富的功能,实现代码功能的复用
2、参数可变,加法求和,很多的话,就没法满足函数,定义一次,使用多次的效果
改:不定义参数
var sum = arguments[0] + arguments[1];
alert(2,4);
有n个的话,用for/in语句,来遍历arguments[temp],实现所有的参数的累加
函数的扩展性十分好
5、带返回值的函数
1、return sum;关键字,在函数使用return语句时,函数会停止执行,同时返回值
2、return;返回undefined
6、变量的作用域
是程序源代码中定义这个变量的区域
变量的分类:
1、全局变量是可以被本程序所有对象或函数的应用,拥有全局作用域,在js代码的
任何地方都是有定义的
2、局部变量是指程序中只在特定过程或函数中可以访问的变量,作用域是局部性的
优先级: 在函数体内,局部变量的优先级高于全局变量
局部变量在全局变量中获取不到
在局部内(函数内)不使用var,直接用x=3;就表示全局变量,前提是必须调用这个函数,至少执行到这一步
参数也是局部变量