浅谈javascript对象模型和function对象

我将根据您的要求，为您详细讲解Javascript对象模型和function对象的相关知识。

Javascript对象模型

Javascript对象模型（Object Model）是一种按照一定规则组织和管理代码的方式。在Javascript中，所有的事物都是对象（Object），包括数组、函数等。对象是通过“对象字面量”（Literal）创建的，也可以通过工厂模式和构造函数模式来创建。

对象字面量创建对象

对象字面量就是一对大括号，用于创建一个新的对象。在大括号中，定义对象的属性和方法。示例如下：

var person = { 
    name: "张三", 
    age: 18, 
    getInfo: function() { 
        return "我叫" + this.name + "，今年" + this.age + "岁。";
    }
};

上述代码中，我们使用对象字面量创建了一个名为person的对象。它有两个属性——name和age，一个方法——getInfo。其中，getInfo方法中使用了this关键字，它表示当前对象。

工厂模式创建对象

工厂模式是一种用函数来封装对象创建的方法。示例如下：

function createPerson(name, age) { 
    var obj = {}; 
    obj.name = name; 
    obj.age = age; 
    obj.getInfo = function() { 
        return "我叫" + this.name + "，今年" + this.age + "岁。"; 
    } 
    return obj; 
}

var person = createPerson("张三", 18); 

构造函数模式创建对象

构造函数模式是一种用函数来封装对象创建的方法。它与工厂模式不同的地方在于，它使用了构造函数来创建对象。示例如下：

function Person(name, age) { 
    this.name = name; 
    this.age = age; 
    this.getInfo = function() { 
        return "我叫" + this.name + "，今年" + this.age + "岁。"; 
    } 
}

var person = new Person("张三", 18); 

Function对象

Javascript是一门函数式编程语言，函数在Javascript中非常重要，函数在函数编程中起到了中心作用。Function对象是Javascript中的一个重要对象，它是Javascript中所有函数的基础。Function对象与其他对象不同的地方在于，它可以被调用。

Function对象的属性和方法

Function对象有一些内置属性和方法，这些内置属性和方法可以用来处理和操作函数。下面列出了一些常用的内置属性和方法：

• name：表示函数的名称。
• call(thisArg, arg1, arg2, ...)：调用函数，并将指定的对象作为函数的this值。
• apply(thisArg, [arg1, arg2, ...])：调用函数，并将指定的对象作为函数的this值，同时将参数以数组的形式传递给函数。
• bind(thisArg, arg1, arg2, ...)：返回一个新函数，将指定的对象作为新函数的this值，同时将参数传递给新函数。

示例代码如下：

function add(a, b) { 
    return a + b; 
}
add.name; // 返回 "add"
add.call(this, 1, 2); // 返回 3
add.apply(this, [1, 2]); // 返回 3
var addNew = add.bind(this, 1, 2); 
addNew(); // 返回 3

自定义函数属性

除了内置属性和方法，Function对象还允许用户自定义属性。我们可以使用Function对象的prototype属性来为函数定义属性和方法。示例代码如下：

function Person(name, age) { 
    this.name = name; 
    this.age = age; 
}

Person.prototype.getInfo = function() { 
    return "我叫" + this.name + "，今年" + this.age + "岁。"; 
};

var person = new Person("张三", 18); 
person.getInfo(); // 返回 "我叫张三，今年18岁。"

下面是一个实际应用的例子：

function Button(text) { 
    this.text = text; 
    this.onClick = function() { 
        console.log(this.text + "被点击了。"); 
    }; 
}

var btn = new Button("按钮1"); 
btn.onClick(); // 输出：按钮1被点击了。

btn.text = "按钮2"; // 更改按钮文本
btn.onClick(); // 输出：按钮2被点击了。

上述代码中，我们使用构造函数创建了一个Button对象，它有一个text属性和一个onClick方法。onClick方法用来打印出按钮被点击的信息。在第一次调用onClick方法时，输出的信息是“按钮1被点击了”。然后我们更改了按钮的文本，再次调用onClick方法时，输出的信息变成了“按钮2被点击了”。