概念
函数是一段功能代码,将功能代码定义到函数中通过反复执行降低冗余代码 提高程序的可维护性、可重用性
1、定义函数基础语法
//function : 定义函数的关键字
//函数名 : 函数的标识,当需要一个函数执行时,必须指定函数名
//(参数) : 调用时,接收一些数据
//{ } : 调用时,需要函数完成的功能代码
function 函数名(参数){
}
2、调用函数基础语法
函数名(); //当函数被调用时,会执行函数{ }中的代码
[wm_notice]可以反复调用函数,执行代码[/wm_notice]
示例
//例:f1函数
function f1(){
//当f1函数被调用时执行
//在开发者工具的 Console 窗口中输出一段文字
console.log("Hello");
}
//2、调用函数
//语法:函数名();
f1();
f1();
f1();
f1();
[wm_notice]f1()函数被调用了4次,所以在 Console(控制台)窗口中会出现4行Hello[/wm_notice]
执行流程
3、函数的参数
在函数中可以定义一些参数,用来接收调用者传入的数据 使函数变得更加强大,更加灵活
示例
//参数:可以接受调用者传入的数据
//str :参数 ,调用者传入的数据会为str赋值
function f1(str){
//当f1函数被调用时执行
//在开发者工具的 Console 窗口中输出调用者传入的文字
console.log( str );
}
//2、调用函数
//语法:函数名(传递给函数的数据);
f1("闺中少妇不知愁");
f1("春日凝装上翠楼");
f1("忽见陌头杨柳色");
f1("悔教夫婿觅封侯");
执行流程
示例2
利用函数创建元素,提高复用性、提高可维护性
//用于创建元素添加元素的函数
//path :路径
//inx :元素x坐标位置
//iny :元素y坐标位置
function add(path,inx,iny){
//创建元素 调用者传入path
var e = new PIXI.Sprite.fromImage( path );
e.x = inx;
e.y = iny;
//在应用窗口中添加元素
app.stage.addChild( e );
}
//调用函数 传入数据
add("img/js1.png",100,100);//x = 100,y=100
add("img/js2.png",150,150);//x = 150,y=150
[wm_tips]注意:多个参数与数据,需要使用 , 分隔[/wm_tips]