chap4_基本常用函数

概念

函数是一段功能代码,将功能代码定义到函数中通过反复执行降低冗余代码 提高程序的可维护性、可重用性

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]