javaScript康复训练-2022年1月11日

前言

前面对函数的介绍草草带过,这里在深入一点,了解一下函数。

函数模型

如下，函数有两种常用的定义方式。在javaScript中,函数也是一个对象,而创建出现的对象，被变量指针所指向,这样说不太好理解，直接图解吧

function test1(x,y){
	return x+y;
}
var test2=function(x,y){
	return x+y;
};// 注意,这里一定要加引号，这跟定义变量是一样的

我们可以做一个小实验,如下代码,可以发现第一次弹出2，第二次弹出1，说明函数只是指针指向被改变，而不是覆盖原有函数

function showMsg(){
	alert("1");
}
var oldShowMsg=showMsg;
showMsg=function(){
	alert("2");
};
showMsg();
oldShowMsg();

所以这也就导致了一个问题,上代码修改的是window.showMsg，如果有其他函数调用被修改指向的函数，就会出大问题,下代码并没有得到我们想要的结果，因为内部实际上还是调用了window.fibonacci()，而不是oldfibonacci。

function fibonacci (num) {
    if (num === 1 || num === 2) {
        return 1;
    }
    return fibonacci(num - 1) + fibonacci(num - 2);
}
var oldfibonacci=showMsg;
fibonacci=function(){
	return 0;
};
oldfibonacci(10);

那么我们如何解决呢？函数中的arguments有一个属性：callee，他指向的就是函数本身，修改上述代码,得到了我们想要的结果，当然这个属性并不能在严格模式下使用，值得注意。

function fibonacci (num) {
    if (num === 1 || num === 2) {
        return 1;
    }
    return arguments.callee(num - 1) + arguments.callee(num - 2);
}
var oldfibonacci=showMsg;
fibonacci=function(){
	return 0;
};
oldfibonacci(10);

函数中的this

前面对函数的this介绍的很含糊，甚至有一些错误的理解，所以深入了解了下。javaScript中的this其实和java中的this差不多，记住一句话：调用者是谁,this就是谁。

function Person(name,age,sex){
	this.name=name;
	this.age=age;
	this.sex=sex;
}
// 调用者是person1,所以this就是person1
var person1=Person("lxy",14,"boy");
// 调用者是person2,所以this就是person2
var person2=Person("ky",18,"boy");

如果我们直接调用,那么this就是window对象。

function Person(name,age,sex){
	this.name=name;
	this.age=age;
	this.sex=sex;
}
Person("lxy",14,"boy");
console.log(window.name);

apply

我们是否能够自定义this是那个对象呢？答案是可以的，每个函数对象都有一个属性方法:apply(对象,参数数组)

function show(a,b){
	alert(this.x);
}
var x=30;
show(1,2);
var obj={
	x:114514;
};
show.apply(obj,[1,2]);

call

call的使用方法和apply大致相同，不过他的参数传递，是一个一个传递的

function show(a,b){
	alert(this.x);
}
var x=30;
show(1,2);
var obj={
	x:114514;
};
show.call(obj,1,2);

bind

ECMA5引入的属性方法，bind是绑定的意思，用法和call一样，但是值得注意的是返回值，会返回一个函数对象，函数对象和传入对象绑定

function show(a,b){
	alert(this.x);
}
var x=30;
show(1,2);
var obj={
	x:114514;
};
var p=show.bind(obj,1,2);
p();

结尾

我承认进度是有点慢,但是这是复习，如果不精细点，那么也就失去了复习的意义。