Javascript new原理及びアナログnew
1536 ワード
jsのnewは、プロキシモードのプロキシクラスと見なされてもよい.newを包む関数の処理手順は1.functionオブジェクトを作成し、プロトタイプを着信関数2に設定します.着信関数を実行します.入力関数の戻り値を判断します.nullであれば、第一歩のfunctionオブジェクトを返します.
実現コード:
newをシミュレートします.newInstanceメソッドに実装されます.
実現コード:
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>