javascript基础四
函数
什么是函数?
函数就是封装的某些常用功能的对象.
函数就是方法,可以被调用,函数也可以调用函数,甚至可以自己调用自己,实现递归循环
关键字声明了一个函数,不调用是不会执行的,函数如果不调用，等于白写。
将大量重复的语句写在函数里面，这样以后需要这些语句的时候，直接调用函数，简化编程，让编程变的模块化。
声明函数的方法:
具名函数:
直接声明的函数,可以先使用,后声明.
say();//调用say方法并弹出,Hi,你好!
//方法可以放在调用之后,该函数名会被提前加载,提高优先级
function say(){
alert('Hi,你好!');
}
// xx.xx()==>调用对象方法的
// xx.xx ==> 获取对象的属性
匿名函数:
没有名字的函数,必须先赋值,后调用,用于封装,闭包.
模拟块级作用域，减少全局变量。执行完匿名函数，存储在内存中相对应的变量会被销毁，从而节省内存。
//方法要放在调用之前,否则会出错
var say = function () {
alert('Hi,你好!');
}
say();
//匿名函数2:自执行函数
//为了严谨起见在前面加分号,防止被当做()赋值运算,导致出错
;(function (str){
//此时会输出张培跃好帅！
console.log("张培跃"+str);
})("好帅！")//没有最外层的括号会报错,可以在括号内直接传值
函数的参数和数据类型
javascript中的函数不能重载.
基本数据类型
- (在栈内存存储),作为参数时,作为值传递,传递的是对象的值.(不会修改数据源的值)
复杂数据类型
- (只能存放在堆内存)作为参数时,是对象的首地址,把对象的地址赋值给形参.(数据源的值会被改变,如数组)
形参和实参
- 实参比形参个数多 , 可以运算,但是只会计算形参的个数
- 实参比形参个数少. 计算错误!
- 目前所有的函数,形参个数必须跟实参个数一样多.
// 希望可以计算两个值的和,需要参数.参数是函数和外界进行沟通的桥梁
// x,y是add函数的形参 占位用的
// 功能: 封装了特定方法
function add (x,y) {
console.log(y);
alert(x+y);
}
//函数名称一样,参数不同,叫方法(函数)重载,那么这两个方法都可以被使用.但是js不支持.
// function add (x,y,z) {
// alert(x+y+z);
// }
//3,5是传递给add方法的实参 实际参数 会参与运算
add(3,5,7);
add(5,8,9);
add(3);
函数的返回值
很多时候我们只需要函数帮我们计算结果,并不需要处理结果,那么我们就需要函数给我们返回值
函数里面可以没有return，如果有，只能有一个,不能有多个return.
函数里面，return后面不允许书写程序了，return 后面的代码都不再执行!
return返回多个值的方法
//1 使用数组的方式 不常用
function getData()
{
var names=new Array("oec2003","oec2004");
return names;
}
function getNames()
{
var names=getData();
alert(getData()[0]); //返回oec2003
}
//2 将数据封装到Json中返回
function getData()
{
var info={"name":"oec2003","age":"25"};
return info;
}
function getInfo()
{
var info=getData();
var name=info["name"];
var age=info["age"];
alert("姓名："+name+" 年龄："+age);
}
//3 直接用[]返回
function getData()
{
return ["oec2003", 25];
}
function getInfo()
{
var info = getData();
alert("姓名：" + info[0] + "年龄：" + info[1]);
}
*************************************************************************
分割线*************************************************************************
//返回值特点
function add (x,y) {
var sum = x+y;
return sum; //返回sum的值
alert('么么哒!');//return 后面的代码都不再执行!
}
var rs = add(3,5);//接受add中sum的值
alert('收到函数的结果为:'+rs);
//何时需要返回值
var arr = [35,67,3,57,8,65,4,62,654];
//方法一
xzy(arr);//必须在前面
document.write(arr);//不需要返回值,先用方法改变数组,后输出改变过的函数
//方法二
document.write(xzy(arr));//这种写法需要返回值,仅仅是执行函数但是并没有返回值
//选择排序
function xzy(arr) {
for (var i = 1; i < arr.length; i++) {
var min = i-1;
for (var j = i; j < arr.length; j++) {
if (arr[min] > arr[j]) {
min = j;
}
}
if (min != 0) {
var temp=arr[i-1];
arr[i-1] = arr[min];
arr[min] = temp;
}
}
return arr;//如果没有返回值上面的操作会提示为空
}
函数的作用域
函数内部可访问函数外部的变量,如果内部存在,则优先使用内部变量
函数外部无法访问函数内部的变量
函数内部声明变量,如果不用var直接声明,那么该变量会被当做全局变量!!!但是不推荐这样写,这是js语法不严谨导致的,实际上是错误代码!
// 1. 全局变量
var name = '张三';
var age = 20;
// 2.函数内部可访问函数外部的变量,如果内部存在,则优先使用内部变量
// 3. 函数外部无法访问函数内部的变量
// 4. 函数内部声明变量,如果不用var直接声明,那么该变量会被当做全局变量!!!但是不推荐这样写,这是js语法不严谨导致的,实际上是错误代码!!!
function say () {
// 2.局部变量
var name = '李四';
var sex = '男';
// 隐式的全局变量 实际上是错误的
title = '告白气球';
alert('my name is '+name);
}
function sing() {
alert('Hi ,i am '+name);
}
say();
//调用不到
// alert(sex);
sing();
alert(title);//依然会弹出
