JavaScriptでrubyのmethod_missingを実装する

追記: Firefoxの実装で既に有る__noSuchMethod__に名前は合せた方が良い、というコメントを頂いたので名前を変えました。

何の役に立つか不明だけど書いてみた*1。Proxyでプロパティアクセスをフックして、存在しない場合は用意しておいた関数プロキシを返す。

	/**
	* Enable route to __noSuchMethod__ when unknown method calling.
	*
	* @param {Object} obj Target object.
	* @return {Object}
	*/
	function enableMethodMissing(obj) {
	var functionHandler = createBaseHandler({});
	functionHandler.get = function(receiver, name) {
	return function(){};
	}
	var calledProperty;
	var trapFn = Proxy.createFunction(functionHandler, function() {
	return obj.__noSuchMethod__(calledProperty, Array.prototype.slice.call(arguments));
	});
	var propertyAccessHandler = createBaseHandler(obj);
	propertyAccessHandler.get = function(receiver, name) {
	if (name in obj) {
	return obj[name];
	} else {
	calledProperty = name;
	return trapFn;
	}
	}
	return Proxy.create(propertyAccessHandler);
	/**
	* Create trap functions (internal)
	*
	* @param {Object} obj Original object.
	* @return {Object} Proxy handler.
	*/
	function createBaseHandler(obj) {
	return {
	getOwnPropertyDescriptor: function(name) {
	var desc = Object.getOwnPropertyDescriptor(obj, name);
	if (desc !== undefined) { desc.configurable = true; }
	return desc;
	},
	getPropertyDescriptor: function(name) {
	var desc = Object.getPropertyDescriptor(obj, name);
	if (desc !== undefined) { desc.configurable = true; }
	return desc;
	},
	getOwnPropertyNames: function() {
	return Object.getOwnPropertyNames(obj);
	},
	getPropertyNames: function() {
	return Object.getPropertyNames(obj);
	},
	defineProperty: function(name, desc) {
	return Object.defineProperty(obj, name, desc);
	},
	delete: function(name) {
	return delete obj[name];
	},
	fix: function() {
	if (Object.isFrozen(obj)) {
	return Object.getOwnPropertyNames(obj).map(function(name) {
	return Object.getOwnPropertyDescriptor(obj, name);
	});
	}
	return undefined;
	},
	has: function(name) {
	return name in obj;
	},
	hasOwn: function(name) {
	return Object.prototype.hasOwnProperty.call(obj, name);
	},
	set: function(receiver, name, val) {
	// No check
	// But normally needs checking property descriptor
	obj[name] = val;
	},
	enumerate: function() {
	var result = [];
	for (var name in obj) { result.push(name); }
	return result;
	},
	keys: function() {
	return Object.keys(obj);
	}
	};
	}
	}

view raw method_missing.js hosted with ❤ by GitHub

	var Ninja = function(name, age) {
	this.name = name;
	this.age = age;
	return enableMethodMissing(this);
	}
	Ninja.prototype.getName = function() {
	return this.name;
	}
	Ninja.prototype.__noSuchMethod__ = function(methodName, args) {
	console.log('method name:' + methodName);
	console.log(args);
	};
	var sasuke = new Ninja('Sasuke', 0);
	sasuke.getName(); // => Sasuke
	sasuke.hoge(1,2,3); // => __noSuchMethod__('hoge', [1,2,3])
	sasuke.hoge; // => undefined
	sasuke.age; //=> 0

view raw test.js hosted with ❤ by GitHub

上記の処理が書いてあるのはこの部分。

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

function enableMethodMissing(obj) {   // 関数プロキシの作成   var functionHandler = createBaseHandler({});   functionHandler.get = function(receiver, name) {   // プロパティアクセスの場合は何も返さない     return function(){};   }     var calledProperty;   var trapFn = Proxy.createFunction(functionHandler, function() {     // 実行の場合は obj.methodMissing を呼び出す     return obj.__noSuchMethod__(calledProperty, Array.prototype.slice.call(arguments));   });     // プロパティプロキシの作成   var propertyAccessHandler = createBaseHandler(obj);   propertyAccessHandler.get = function(receiver, name) {     if (obj[name]) {       return obj[name];     } else {       // 存在しないプロパティへのアクセスは関数プロキシを返す       calledProperty = name;       return trapFn;     }   }   return Proxy.create(propertyAccessHandler);   // (略)

method_missing用の関数をわざわざProxy.createFunctionしているのは、プロパティアクセスの時はundefinedを返す、関数呼び出しの時はmethod_missing用の関数実行と処理を分けるため。
Proxyが何に使えるか、というのはこの動画がわかりやすかった。

*1：Firefox4以降 or JavaScriptの実験機能を有効にしたChromeでのみ動作します。