为什么无法更改 JS 的构造函数呢？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 3018 天前的主题，其中的信息可能已经有所发展或是发生改变。

var Person = function(name) { this.name = name };
var foo = new Person("foo");
foo // { name: 'foo' }
foo.constructor.toString() // 'function (name) { this.name = name }'
Person.prototype.constructor.toString() // 'function (name) { this.name = name }'

// 改写 constructor 指向的构造函数
Person.prototype.constructor = function(name) { this.name = "bar" }

Person.prototype.constructor.toString() // 'function (name) { this.name = "bar" }'
var foo2 = new Person("foo2");
foo2.constructor.toString() // 'function (name) { this.name = "bar" }'

// 期待是 { name: 'bar' } 因为构造函数已变了
// 但是...
foo2 // { name: 'foo2' }

15 条回复 • 2016-01-14 15:26:13 +08:00

iwege

2016-01-13 22:18:13 +08:00

在最后试试 Person.toString() 看看。
Person 本来就是一个 function 了。要改变的话直接赋值 Person = func 就好了。

tianzhen

2016-01-13 22:24:47 +08:00

@iwege 原来如此，貌似我那样做只是把 Person.prototype 对象给改写了

```javascript
// 原本
Person === Person.prototype.constructor // true
// 改写后
Person === Person.prototype.constructor // false
Person.toString(); // 依旧是 'function (name) { this.name = name }'
```

banricho

2016-01-14 00:58:56 +08:00

1. 函数都有 prototype 对象，其中默认包含一个属性 constructor ，一般情况下默认指向函数自身
2. 以你的例子来说， foo1. __proto__ === Person.prototype ，修改 constructor 是没有用的，它只是一个天生就默认存在的标志，但本身不具备实际意义
3. 你的任何实例化方法本身不存在 toString 方法，那么就会向构造函数 Person 上查找。没有的话就继续向 Function.prototype 上查找，还是没有就继续在 Function.prototype.__proto__ 也就是 Object.prototype 上查找，于是你里面所有的 toString 其实最终调用的都是 Object.prototype.toString 方法
4. 要达到你的效果修改 constructor 是没用的，关键是要在 foo1 和 foo2 之间切断原型链

banricho

2016-01-14 00:59:58 +08:00

@banricho “那么就会向构造函数 Person 上查找” => “那么就会向构造函数 Person.prototype 上查找”

banricho

2016-01-14 01:12:32 +08:00

我搞错了，请看下面的

var Person = function(name) {
this.name = name
};

var foo = new Person("foo");

console.log(foo.toString === Person.prototype.toString); // true
console.log(Person.prototype.toString === Person.prototype.__proto__.toString); // true
console.log(Person.prototype.__proto__.toString === Object.prototype.toString); // true

console.log(Person.toString === Function.prototype.toString); // true
console.log(Function.prototype.toString === Object.toString); // true

我上面说的第 3 点有误。。。

banricho

2016-01-14 01:20:35 +08:00

还得补上这个 = =。

console.log(Person.toString === Function.prototype.toString); // true
console.log(Function.prototype.toString === Object.toString); // true
console.log(Function.prototype.toString === Function.toString); // true
console.log(Function.toString === Object.toString); // true
console.log(Function.__proto__ === Object.__proto__); // true

好微妙的关系（好了我去睡了，大晚上脑子混乱又乱扯了。。。）

banricho

2016-01-14 04:02:49 +08:00

没睡着 =。= 爬起来**貌似**搞清了，直接上图