javascript语言精粹笔记（三）函数

最新推荐文章于 2025-03-29 15:49:08 发布

原创最新推荐文章于 2025-03-29 15:49:08 发布 · 173 阅读

CC 4.0 BY-SA版权

1. 函数对象
在javascript中函数就是对象所以相对应的也会有原型对象字面量创建的对象会连接到object.prototype,而函数字面量创建的函数对象就会连接到function.prototype。每个函数在创建时会有两个隐藏属性函数上下文，函数需要行为代码 我理解为要干的事和参与者。

2. 函数调用
函数的调用可以理解为控制权的转移，把参数和控制器传入被调用的函数中，函数被调用时有两个附加参数 this和arguments.this的值在不同调用模式下值不同，js有四种调用模式：方法调用模式，函数调用模式，构造器调用模式，apply调用模式。
javascript对于实参传递要求比较宽松允许实参形参数量不一且不对实参的类型做检查

3. 方法调用模式
什么是方法？我们认为把一个函数封装在一个对象里面，这个函数就是这个对象的方法
在对象的方法内可以调用this这时的this表示了当前的对象，通过这个this你可以获取到这个对象的上下文属性这种方法叫做公共方法

var cat = {
    height:66,
    weight:55,
    num:function () {
        return this.height+this.weight;
    }
}

4. 函数调用模式

function add(a,b) {
    return a+b;
}

var sum = add(3,4);

当一个函数不是某个对象的方法时，被调用时的this指向为一个全局对象

但我们通常的需求是绑定为外部函数的this 我们可以这样做

cat.double = function () {
    var that = this;
    that.value = 3;
    //
    var helper = function () {
        that.value = add(that.value,that.value);
    }

    helper();
}

cat.double();
console.log(cat.value);//这里面还是访问的cat而不是cat.double.value因为这里的double你理解为这个对象的方法而不是什么子类对象 这里的this还是其cat本身

5. 构造器模式
所谓的构造器就是new的时候创建的工具那么javascript当方法被构造的时候他会创建一个方法的副本并且this指向这个new出来的对象他的原型被链接成原对象的原型比如下方

var a = function (string) {
    this.status = string;
}

a.prototype.getStatus =function () {
    return this.status;
}//为所有a的原型创建了一个getStatus方法

var b = new a("hellow");
//绑定this为b 也就是b的status为hellow
console.log(b.getStatus());
//调用时通过原型查找到getStatus方法 并返回this也就是b的status字符串

//所以这个实验证明了两点 第一new会让当前对象绑定为this 第二 当前对象的原型会绑定到a的原型

但据说这样不太好使

6. apply调用模式
javascript是一门以函数为核心的语言所以他的函数也有方法

var array = [3,4];
var sum = add.apply(null,array);
//通过apply我们可以重新指定this所指向的对象 这里为null 第二个参数为参数数组
console.log(sum);

var statusObject = {
    status:"WoW"
}

console.log(a.prototype.getStatus.apply(statusObject));
//这里尽管statusObject的原型和a的原型并没有任何关系 但因为调用了apply方法 所以this被重新定向为statusObject 返回了他的status:"WoW"

var a = function (string) {
    this.status = string;

}

a.print = function () {

}

a.print.println = function () {
    console.log("fk");
}
a.print.println();

a.prototype.getStatus =function () {
    return this.status;