js-函数
Js函数的概念、作用、创建、调用
一.函数是用来帮助我们封装、调用代码的最方便的工具!
二.函数的创建方法有3种:
1):function fun(){
console.log(3);
//return this;
//为什么函数会输出函数体中的内容,因为在函数体的最后
//默认会有一个return this ! 不过也可以修改成其他的返回值!
//全局对象window
}
fun(); //函数必须调用,不调用函数是没有用的!
2): var fun = function(){
console.log(5);
}
fun(); //这里的函数调用,必须写在函数声明的后面!就是说要先什么名再使用!
3): //函数的第三种定义方式:构造函数
//函数可以自调!
var fun = new Function( console.log(8));
三.函数的创建方法有3种,调用方法也不是单一的,调用方法有4种!
1.作为一个函数去调用 函数名+();(函数作为全局对象调用,会使this的值成为全局对象,使用window对象作为一个变量,容易造成程序崩溃!)
2.函数作为方法调用:(函数作为对象的方法调用,会使this的值成为对象的本身!)
我们举例说明:
var myObject =
{
firstName:"john",
lastName:"Doe",
fullName:function(){ return this.firstName + "" + this.lastName;}
}
myObject.fullName(); //返回“john Doe”
//我们创建了一个对象myObject,意思是说myObject拥有函数。this对象,拥有js的代码,这里的this就是myObject对象!
3.使用构造函数调用函数:(构造函数中的this没有任何值)
function myFunction(arg1,arg2){
this.firstName = arg1;
this.lastName = arg2;
}
var x = new myFunction("john","Doe");
x.firstName; //返回 “john”
//构造函数调用会创建一个新的对象,新的对象会继承构造函数的属性和方法!
4.作为函数方法调用函数:(这种可以设置this的值,我可以返回不同的this!)
在js中函数是对象,是对象就有属性有方法,而call()和apply()是预定义的函数方法!
这两个方法都可以调用函数,两个方法的第一个参数必须是对象的本身!
function myFunction(a,b){
return a*b;
}
myFunction.call(myObject, 10, 2); //返回 20
function myFunction(a,b){
return a*b;
}
myArray = [10, 2];
myFunction.apply(myObject, myArray); //返回 20
这两种方法的区别在于,apply传入的是一个参数数组,而call传入的是普通的参数!
四.如果想要对函数有深刻的理解,或者真确认识函数!需要我们先做一件事,那就是了解js的运行机制问题:
1.在js中js引擎会优先解析var变量和function定义!在预解析完成后从上到下逐步进行!
2.解析var变量时,会把值存储在“执行环境”中,而不会去赋值,值是存储作用!列如:
alert(a); var a=5;这时会输出undifiend,意思是没有被初始化没有被赋值!
这并不是没有被定义,错误了的意思!
3.在解析function时会把函数整体定义,这也就解释了为什么在function定义函数时为什么可以先调用后声明!其实表面上看是先调用了,其实在内部机制中第一步实行的是把以function方式定义的函数先声明了!
五,javascript中函数有一个内置的对象arguments对象!
作用:1.在js中函数定义没有任何参数,调用该函数时可以传递任意参数!
2.arguments对象是数组对象。
3.arguments对象的length属性:获取函数的实参个数!
4.利用Arguments对象特性,实现模拟函数的重载的效果。
//我们可以很方便的找出数组中的最大值!
x = findMax(1,123,500,115,44,88);
function findMax(){
var i, max = 0;
for(i = 0; i < arguments.length; i++){
if(arguments[i] > max){
max = arguments[i];
}
}
return max;
}
//也可以很方便的计算数组中的和!
x = sumAll(1,123,500,115,44,88);
function sumAll(){
var i , sum = 0;
for(i = 0; i <arguments.length; i++){
sum += arguments[i];
}
return sum;
}