<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>函数</title>
</head>
<body>
<script>
定义函数方法：1、函数声明
* function fn(){}
* 2、函数表达式（构造函数）；
* var fn = function (){};
* var fn = new Function("num1","num2","return num1+num2");
* 两者区别：函数声明有函数声明提升的过程/
* console.log(sum(10,20));
* function sum(num1,num2){
* return num1 + num2;
* }
* 而函数表达式则必须等到解析器执行到它所在的代码行，才会真正的被解析。
* console.log(sum(10,20));
* var sum = function(num1,num2){
* return num1 + num2;
* }
* 可以同时使用函数声明和函数表达式，例如：var sum = function sum(){};
*
//题目1
function sum(num1,num2){
return num1 + num2;
}
console.log(sum(10,10));
var anotherSum = sum;
console.log(anotherSum(10,10));
sum = null;
// console.log(sum(10,10));
console.log(anotherSum(10,10));
说明：函数是对象，函数名是指针;
//题目2
function addSomeNumber(num){
return num + 100;
}
function addSomeNumber(num){
return num + 200;
}
console.log(addSomeNumber(100));
说明：函数没有重载
var addSomeNumber = function(){return num + 100;}
addSomeNumber = function(){return num + 200;}
console.log(addSomeNumber(100));
//题目3
如何模拟函数重载？
function fn(){
if(arguments.length == 1){
return arguments[0] + 10;
}else if(arguments.length == 2){
return arguments[0] + arguments[1];
}
}
fn(100);
fn(100,100);
var fn = (function factorial(num){
if(num <= 1){
return 1;
}else{
return num*factorial(num-1);
}
})
var val = factorial(5);
console.log(val);
说明：函数内部属性 arguments.callee callee是指针，指向拥有这个arguments对象的函数
caller保存着调用当前的函数的引用。
function outer(){
inner();
}
function inner(){
alert(inner.caller);
}
outer();
//题目4
function callSomeFunction(someFunction,someArgument){
return someFunction(someArgument);
}
function add(num){
return num+10;
}
var result = callSomeFunction(add,10);
console.log(result);
说明：作为值的函数
//题目5
window.color = "red";
var o = {color:"blue"};
function sayColor(){
console.log(this.color);
}
sayColor();
o.sayColor = sayColor;
o.sayColor();
说明：this是指包含他的函数 作为方法 被调用时 所属的对象。
//题目6
说明：函数是对象，因此函数也有属性和方法。
$:函数包含两个属性length和prototype;
length属性表示函数希望接受的命名参数的个数(形参的个数);
prototype是保存它们所有实例方法的真正所在。在创建自定义引用类型以及实现继承时，prototype属性的作用是极为重要的。
$:每个函数都包含两个非继承而来的方法：apply()和call();
这两个方法的用途都是在特定的作用域调用函数，实际上等于设置
函数体内this对象的值。
apply()方法接受两个参数:一个是在其中运行函数的作用域，另一个是数组。
第二个参数可以是Array的实例，也可以是arguments对象。
call()方法和apply()作用相同，唯一的区别就是第二个参数只能传数组（传递给函数的参数
必须逐个列举）。
function sum(num1,num2){
return num1+num2;
}
function callSum1(num1,num2){
return sum.apply(this,arguments); //传入argument
}
function callSum2(num1,num2){
return sum.apply(this,[num1,num2]); //传入数组
}
function callSum3(num1,num2){
return sum.call(this,num1,num2); //call只能传入数组
}
console.log(callSum1(10,10));
console.log(callSum2(10,10));
console.log(callSum3(10,10));
事实上，传递参数并非apply()和call()的用武之地;
它们真正强大的地方是能够扩充函数赖以运行的作用域。
使用它们来扩充作用域的最大好处就是对象不需要与方法有任何的耦合关系。
window.color = "red";
var o = {color:"bule"};
function sayColor(){
console.log(this.color);
}
sayColor();
sayColor.call(this);
sayColor.call(window);
sayColor.call(o);
$:ES5中还定义了一个方法:bind();
这个方法会创建一个函数的实例，其this值会被绑定到传给bind()函数体内this对象的值。
window.color = "red";
var o = {color:"blue"};
function sayColor(){
console.log(this.color);
}
var objectSayColor = sayColor.bind(o);
objectSayColor();
</script>
</body>
</html>