<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>{Dev Tricks} &#187; Javascript</title>
	<atom:link href="http://dev-tricks.net/category/javascript/feed" rel="self" type="application/rss+xml" />
	<link>http://dev-tricks.net</link>
	<description>Blogging developper tips and tricks</description>
	<lastBuildDate>Thu, 17 May 2012 13:09:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Javascript Foncteur</title>
		<link>http://dev-tricks.net/javascript-foncteur</link>
		<comments>http://dev-tricks.net/javascript-foncteur#comments</comments>
		<pubDate>Thu, 08 May 2008 10:43:30 +0000</pubDate>
		<dc:creator>Julien Palard</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://box.mandark.fr/wordpress/?p=3</guid>
		<description><![CDATA[I just discovered, this morning, how to create a Visitor in Javascript : A visitor is an objet who can be used like a function : var mon_foncteur = new Un_Foncteur&#40;&#41;; mon_foncteur.peut_avoir_des_methodes&#40;42&#41;; mon_foncteur&#40;&#34;Peut etre appelle comme une fonction&#34;&#41;; Implementing it &#8230; <a href="http://dev-tricks.net/javascript-foncteur">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I just discovered, this morning, how to create a Visitor in Javascript :<br />
A visitor is an objet who can be used like a function :</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> mon_foncteur <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Un_Foncteur<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
mon_foncteur.<span style="color: #660066;">peut_avoir_des_methodes</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">42</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
mon_foncteur<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Peut etre appelle comme une fonction&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>Implementing it in C++ is extremly easy, using operator overloading, so surcharging the () operator of an object, we have a visitor, but in Javascript, in the current version, we do not have operator overloading.<br />
So we have the following trick :</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">/* Soyez propre, ne polluez pas le scope global */</span>
window.<span style="color: #660066;">votre_scope</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#123;</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
&nbsp;
votre_scope.<span style="color: #660066;">Un_Foncteur</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
  <span style="color: #009966; font-style: italic;">/* On se prepare a faire une closure */</span>
  <span style="color: #003366; font-weight: bold;">var</span> that <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">this</span><span style="color: #339933;">;</span>
  <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">some_data</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">;</span>
&nbsp;
  <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">foncteur</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>
  <span style="color: #009900;">&#123;</span>
    <span style="color: #006600; font-style: italic;">/*
    ** Ici le this est celui de l'appelant, il ne nous interesse probablement
    ** pas, le that est la closure, il nous permet de remonter vers notre this
    ** a nous, et d'y recuperer notre data.
    */</span>
    <span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span>that.<span style="color: #660066;">some_data</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
&nbsp;
  <span style="color: #006600; font-style: italic;">/*
  ** On ajoute autant de methodes a notre foncteur que l'on desire
  */</span>
  <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">foncteur</span>.<span style="color: #660066;">set_data</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>data<span style="color: #009900;">&#41;</span>
  <span style="color: #009900;">&#123;</span>
    <span style="color: #006600; font-style: italic;">/*
    ** Idem pour la closure ici, on va chercher notre this, car le this d'ici
    ** est local a  la fonction
    */</span>
    that.<span style="color: #660066;">some_data</span> <span style="color: #339933;">=</span> data<span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
&nbsp;
  <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">foncteur</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #009966; font-style: italic;">/* Enjoy */</span>
<span style="color: #003366; font-weight: bold;">var</span> test <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> votre_scope.<span style="color: #660066;">Un_Foncteur</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
test.<span style="color: #660066;">set_data</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">42</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
test<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>Enjoy !</p>
]]></content:encoded>
			<wfw:commentRss>http://dev-tricks.net/javascript-foncteur/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

