1. 函数介绍
函数是 JavaScript 中的基本组件之一。 要使用一个函数,必须将其定义在希望调用它的作用域内。
一个JavaScript 函数用function
关键字定义,后面跟着函数名和圆括号。
函数:封装的可重复利用的具有特定功能的代码 安全 可重用
分为两大类 :
- 系统函数:
eval()
isNaN()
isArray()
Math.random()
parseInt()
parseFloat()
- 自定义函数
return
没有具体返回值的时候 返回的就是undefined
function 函数名(参数列表){
函数体;
return 返回值
}
2. 创建函数的三种方式
- 使用
function
关键字申明命名函数 - 使用
function
关键字申明匿名函数 - 使用
function
对象构造方法创建函数
3. 定义函数
函数声明
一个函数定义(也称为函数声明,或函数语句)由一系列的function
关键字组成,依次为:
- 函数的名称。
- 函数参数列表,包围在括号中并由逗号分隔。
- 定义函数的 JavaScript 语句,用大括号
{}
括起来。
例如,以下的代码定义了一个简单的square
函数:
function square(number) {
return number * number;
}
函数square
使用了一个参数,叫作number
。这个函数只有一个语句,它说明该函数将函数的参数(即number
)自乘后返回。函数的return
语句确定了函数的返回值:
return number * number;
原始参数(比如一个具体的数字)被作为值传递给函数;值被传递给函数,如果被调用函数改变了这个参数的值,这样的改变不会影响到全局或调用函数。
如果传递一个对象(即一个非原始值,例如Array
或用户自定义的对象)作为参数,而函数改变了这个对象的属性,这样的改变对函数外部是可见的,如下面的例子所示:
function myFunc(theObject) {
theObject.make = "Toyota";
}
var mycar = {make: "Honda", model: "Accord", year: 1998};
var x, y;
x = mycar.make; // x获取的值为 "Honda"
myFunc(mycar);
y = mycar.make; // y获取的值为 "Toyota"
// (make属性被函数改变了)
4. 使用Function对象构造方法创建函数
var add = new Function(
"num1",
"num2",
"var sum=num1+num2;return sum;"
)
console.log(add(2,3)) // 5
5. 匿名函数
var add = function(num1,num2){
var sum = num1+num2
return sum;
}
6. 自调用函数 定义匿名函数后立即调用的函数
(function(num1,num2){
console.log(num1+num2) // 300
}
)(100,200)
7. 命名函数
function add(){
}
console.log(add)//定义函数的字符串 函数名本质是变量名 指向某个function的引用
console.log(typeof add)//function
8. 使用Function对象构造方法创建函数
var add1 = new Function(//不推荐使用 效率
"num1",
"num2",
"var sum = num1+num2; return sum"
)
console.log(add1(10,20)) // 30
9. 匿名函数
var add2 = function(num1,num2){
var sum = num1+num2;
return sum;
}
console.log(add2(10,20)) // 30
10. 构造函数
构建创造对象时候调用的函数 并只能调用一次 作用是给对象做初始化 一般函数能调用多次
var obj = new Object({ //Object() 详细new的作用 在对象初始化时候 怎么分配内存空间?
name:"tom",
age:18
})
console.log(obj.name+":"+obj.age) // tom:18
11. 在函数内部可以调用其他函数 注意不要形成死循环 函数调用时候的执行顺序
function f3(){
console.log("f3 begin");
// f1()
console.log("f3 end");
}
function f2(){
console.log("f2 begin");
f3();
console.log("f2 end");
}
function f1(){
console.log("f1 begin");
f2();
console.log("f1 end");
}
f1();//
强制改变this指向
call()
apply()
bind()