JavaSctipt 笔记1-函数对象

函数声明与表达式

在Javascript中，函数也是一种对象，声明一个函数有以下三种方法

//1.使用函数声明
function sum(num1, num2){
	return num1 + num2;
}
//2.使用函数表达式
//就跟定义一个普通变量以用，末尾要加上分号
let a = function(num1,num2){
	return num1 + num2;
};

//3.使用Function构造函数
//不推荐，但是直观展现出函数是一种对象
//前面若干个为命名参数,最后一个参数为函数体
let sum = new Function("num1","num2","return num1 + num2")

函数声明会被提升，表达式则不会，意味你写代码时可以一个函数定义之前就调用它，在后面写上定义，而表达式则不可以

alert(sum(10,10)); //20
function sum(num1, num2){
	return num1 + num2;
}

alert(sum(10,10)); //报错，因为执行到这里找不到这个sum，也不会继续执行下去了
sum = function(num1, num2){
	return num1 + num2;
}

函数的参数和返回值

参数

在JS中,你可以传入比实际命名参数多或少的参数，所有的传入参数都会被保存在一个arguments对象中，JS并不关系传入的参数是不是符合规范

function sum(sum1 + sum2){
	...
}

//以下调用都是可以的
sum();
sum(1);
sum(1,2);
sum(1,2,3);

可以通过arguments来访问传进来的参数

返回值

JS并没有在函数声明的时候指定返回值，可以直接返回单个值，或将多个值封装在Array或Object中返回

没有重载

JS的函数名可以理解为指针，因此下面两段代码是等价的

function getNum(){
	return 0;
}

function getNum(){
	return 1;
}

alert(getNum()) //1

let getNum = function (){
	return 0;
}

getNum = function (){
	return 1;
}

alert(getNum()) //1

可见重新定义一个相同函数,只是单纯的将getNum这个指针指向了另一个函数的定义

函数内部属性

arguments
arguments是一个类数组对象，包含着传入的所有参数，arguments有一个callee的属性，该属性是一个指针，指向拥有这个arguments对象的函数，可以用来解耦。

this
this引用函数执行时的环境对象

function sayColor(){
	alert(this.color);
}

window.color = "red";
let o = {color:"blue"};
o.sayColor = sayColor;
sayColor(); //red
o.sayColor(); //blue

length
length中包含的函数希望接受的命名参数的个数

函数方法

apply和call
作用: 在特定的作用域调用函数
apply()接受两个参数，一个是指定作用域，一个是参数数组(Array或是arguments对象)
call()与apply区别在于call()的接受的参数是逐个列出来的，而不是放在一个数组中

bind
bind接受一个参数，创建一个新的函数实例,实例中的this为传进去的参数

toString和toLocateString
返回函数的代码，调试的时候有用