|
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2011-05-10
最后修改：2011-05-13
js的new可以看成是一个代理模式的代理类。包裹了new 后面的函数
实现代码： 模拟一个new。封装在newInstance方法里。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript">
function Animal(name) {
this.name = name;
}
Animal.prototype.sayName = function() {
alert("My name is " + this.name);
}
function newInstance(fn) {
var Class = function() {};
Class.prototype = fn.prototype;
var slice = Array.prototype.slice;
var args = slice.call(arguments);
args.splice(0, 1);
var instance = new Class();
instance.constructor = fn;
var result = fn.apply(instance, args);
return (result != null) ? result : instance;
}
// 以上代码等同于new Animal("Jack")
var cat = newInstance(Animal, "Jack");
cat.sayName();
alert(cat instanceof Animal); // true
</script>
</head>
<body>
</body>
</html>
声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2011-05-10
判断函数返回值这里，只要返回的是null/undefined或者所有基元类型，即不是Object的话，都会返回第一步的function对象
|
| 返回顶楼 | |
|
发表时间：2011-05-10
对，
function Test() {
return new Object();
}
// false
alert(new Test() instanceof Test)
function Test() {
}
// true
alert(new Test() instanceof Test);
|
| 返回顶楼 | |
|
发表时间：2011-05-11
最后修改：2011-05-11
引用 处理顺序为
1.创建一个function对象，并将prototype设置为传入函数 2.执行传入函数 3.判断传入函数返回值，如果为null，则返回第一步的function对象。 学习了，请问下出处哈！ 以前也忘了是哪本书，说法和您的不太一样，因为类实例化后得到的实际上是一个对象，他的意思可以这样用代码模拟： function A() {}
// 实例化函数
var a = {};
A.apply(a, Array.prototype.slice.call(arguments));
return a;
具体还有其他细节，比如类的prototype，回去找下，但这两种思路很不一样，请rainsilence大哥斧正。 |
| 返回顶楼 | |
|
发表时间：2011-05-11
楼上的方法会丢失掉instanceof判定类型的能力，即：
new A() instanceof A <-- true A() instanceof A <-- false 具体的构造过程其实是无法简单模拟的，因为涉及到2个私有属性[[Class]]和[[Construct]] http://bclary.com/2004/11/07/#a-13.2.2 |
| 返回顶楼 | |
|
发表时间：2011-05-12
最后修改：2011-05-12
int08h 写道 楼上的方法会丢失掉instanceof判定类型的能力，即：
new A() instanceof A <-- true A() instanceof A <-- false 具体的构造过程其实是无法简单模拟的，因为涉及到2个私有属性[[Class]]和[[Construct]] http://bclary.com/2004/11/07/#a-13.2.2 你说的是这个吧： 引用 13.2.2 [[Construct]]
When the [[Construct]] property for a Function object F is called, the following steps are taken: 1. Create a new native ECMAScript object. 2. Set the [[Class]] property of Result(1) to "Object". 3. Get the value of the prototype property of F. 4. If Result(3) is an object, set the [[Prototype]] property of Result(1) to Result(3). 5. If Result(3) is not an object, set the [[Prototype]] property of Result(1) to the original Object prototype object as described in 15.2.3.1. 6. Invoke the [[Call]] property of F, providing Result(1) as the this value and providing the argument list passed into [[Construct]] as the argument values. 7. If Type(Result(6)) is Object then return Result(6). 8. Return Result(1). Step1,Step2可以看成我代码中的 var Class = function() {}; Step3, Step4, Step5(我这里缺少prototype==null时的判断。不过这里传进来的一般都是function，所以不需要) Class.prototype = fn.prototype; Step6 var result = fn.apply(instance, args); Step7 Step8 return (result == null) ? result : instance; 虽然缺少了Class和Construct属性。但是，这两个属性都是function的。从对象上来看，不会有什么不同。为了防止对象.constructor得到函数本身，特地加了一句，这样。就算得到了constructor，也是传入function参数的(具有Class属性)，虽然Construct属性不是很完整，或者说可能不是完全一样，但是做的事情是一样的，外表上看不出来。。。。 |
| 返回顶楼 | |
|
发表时间：2011-05-12
danny.chiu 写道 引用 处理顺序为
1.创建一个function对象，并将prototype设置为传入函数 2.执行传入函数 3.判断传入函数返回值，如果为null，则返回第一步的function对象。 学习了，请问下出处哈！ 以前也忘了是哪本书，说法和您的不太一样，因为类实例化后得到的实际上是一个对象，他的意思可以这样用代码模拟： function A() {}
// 实例化函数
var a = {};
A.apply(a, Array.prototype.slice.call(arguments));
return a;
具体还有其他细节，比如类的prototype，回去找下，但这两种思路很不一样，请rainsilence大哥斧正。 如int08h所言。。你这样做不管是instanceof还是isPrototypeOf，都无法判断类型了。 Moreover: Array.prototype.slice.call只是用来做数组复制，因为arguments不是完整的array。但是apply函数支持直接传递arguments。所以如果不是要删除元素的，可以不必调用。 |
| 返回顶楼 | |
|
发表时间：2011-05-12
引用 var result = fn.apply(instance, args);
调用instance.fn()吗？怎么理解这句话？ |
| 返回顶楼 | |
|
发表时间：2011-05-12
lipeng88213 写道 引用 var result = fn.apply(instance, args);
调用instance.fn()吗？怎么理解这句话？ 调用fn，并且将fn中的this绑定到instance上。 |
| 返回顶楼 | |
|
发表时间：2011-05-13
既然模拟new，具体实现里面又用到了new，有点理解不通，这篇文章目的是什么呢？在下笨，想请大家棒喝
|
| 返回顶楼 | |
