Skip to main content

Home/ javascript/ Group items tagged reference

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Javier Neira

Caffeinated Simpleton » Blog Archive » An Introduction to JavaScript's "this" - 2 views

justin.harmonize.fm/...troduction-to-javascripts-this

javascript this explanation

shared by Javier Neira on 02 Oct 09 - Cached
  • That’s what this is expected to be, anyway. It’s expected to be a reference to the current instance of whatever object it’s defined within.
  • It’ll give an error saying that this doesn’t have a member called condiments, even though it clearly does. What happened?!
  • This is because there is no binding of functions to instances in JavaScript.
  • ...3 more annotations...
  • The setTimeout function, however, just has a reference to that function. When it calls it, it’s not aware of myHotDog, so JavaScript sets this to window
  • function HotDog() { var my = this; // my references the current this, which is correct. my.condiments = "mustard, ketchup"; my.getCondiments = function() { return my.condiments; //my is guaranteed to be a reference to the original "this" } }
  • In constructors, this is always your instance. So we created a new variable, my, that references the HotDog instance. This allows you to always refer to the HotDog instance, no matter how the getCondiments function is called.
Javier Neira

Perfection kills » Understanding delete - 3 views

perfectionkills.com/understanding-delete

javascript delete tutorial

shared by Javier Neira on 11 Jan 10 - Cached
yc c liked it
  • All because it’s not possible to delete variables in Javascript. At least not when declared in such way.
  • It’s almost as if Firebug follows some other rules of deletion. It is Firebug that has led Stoyan astray! So what is really going on here?
  • we need to understand how delete operator works in Javascript: what exactly can and cannot be deleted and why.
  • ...35 more annotations...
  • var o = { x: 1 }; delete o.x; // true o.x; // undefined
  • var x = 1; delete x; // false x; // 1
  • function x(){} delete x; // false typeof x; // "function"
  • Note that delete only returns false when a property can not be deleted.
  • variable instantiation and property attributes
  • Global code, Function code and Eval code.
  • When a source text is treated as a Program, it is executed in a global scope, and is considered a Global code.
  • Anything that’s executed directly within a function is, quite obviously, considered a Function code. In browsers, content of event attributes (e.g. <p onclick="...">) is usually parsed and treated as a Function code.
  • text that’s supplied to a built-in eval function is parsed as Eval code. We will soon see why this type is special.
  • And now that we know the difference between property assignment and variable declaration — latter one sets DontDelete, whereas former one doesn’t — it should be clear why undeclared assignment creates a deletable property:
  • As you can see, execution contexts can logically form a stack. First there might be Global code with its own execution context; that code might call a function, with its own execution context; that function could call another function, and so on and so forth. Even if function is calling itself recursively, a new execition context is being entered with every invocation.
  • Every execution context has a so-called Variable Object associated with it. Similarly to execution context, Variable object is an abstract entity, a mechanism to describe variable instantiation. Now, the interesing part is that variables and functions declared in a source text are actually added as properties of this Variable object.
  • When control enters execution context for Global code, a Global object is used as a Variable object. This is precisely why variables or functions declared globally become properties of a Global object:
  • The behavior is actually very similar: they become properties of Variable object. The only difference is that when in Function code, a Variable object is not a Global object, but a so-called Activation object. Activation object is created every time execution context for Function code is entered.
  • and a special Arguments object (under arguments name). Note that Activation object is an internal mechanism and is never really accessible by program code.
  • within Eval code are created as properties of calling context’s Variable object. Eval code simply uses Variable object of the execution context that it’s being called within:
  • Execution context When ECMAScript code executes, it always happens within certain execution context.
  • When declared variables and functions become properties of a Variable object — either Activation object (for Function code), or Global object (for Global code), these properties are created with DontDelete attribute. However, any explicit (or implicit) property assignment creates property without DontDelete attribute. And this is essentialy why we can delete some properties, but not others:
  • Special arguments variable (or, as we know now, a property of Activation object) has DontDelete. length property of any function instance has DontDelete as well:
  • As you might remember, undeclared assignment creates a property on a global object.
  • Now that it’s clear what happens with variables (they become properties), the only remaining concept to understand is property attributes. Every property can have zero or more attributes from the following set — ReadOnly, DontEnum, DontDelete and Internal. These attributes serve as sort of flags — an attribute can either exist on a property or not. For the purposes of today’s discussion, we are only interested in DontDelete.
  • Variables declared within Eval code are actually created as properties without DontDelete:
  • This interesting eval behavior, coupled with another aspect of ECMAScript can technically allow us to delete non-deletable properties. The thing about function declarations is that they can overwrite same-named variables in the same execution context:
  • Note how function declaration takes precedence and overwrites same-named variable (or, in other words, same property of Variable object). This is because function declarations are instantiated after variable declarations, and are allowed to overwrite them
  • If we declare function via eval, that function should also replace that property’s attributes with its own. And since variables declared from within eval create properties without DontDelete, instantiating this new function should essentially remove existing DontDelete attribute from the property in question, making that property deletable (and of course changing its value to reference newly created function).
  • Unfortunately, this kind of spoofing doesn’t work in any implementation I tried. I might be missing something here, or this behavior might simply be too obscure for implementors to pay attention to
  • this.x = 1; delete x; // TypeError: Object doesn't support this action
  • var x = 1; delete this.x; // TypeError: Cannot delete 'this.x'
  • It’s as if variable declarations in Global code do not create properties on Global object in IE.
  • Not only is there an error, but created property appears to have DontDelete set on it, which of course it shouldn’t have:
  • “The global variable object is implemented as a JScript object, and the global object is implemented by the host.
  • Note how this and window seem to reference same object (if we can believe === operator), but Variable object (the one on which function is declared) is different from whatever this references.
  • delete doesn’t differentiate between variables and properties (in fact, for delete, those are all References) and really only cares about DontDelete attribute (and property existence).
  • The moral of the story is to never trust host objects.
  • Few restrictions are being introduced. SyntaxError is now thrown when expression in delete operator is a direct reference to a variable, function argument or function identifier. In addition, if property has internal [[Configurable]] == false, a TypeError is thrown:
Adildi ldinlio

Adobe Creative Suite 3 Web Premium All-in-One Desk Reference For Dummies|free ebooks do... - 0 views

www.ebook-x.com/esk-reference-for-dummies.html

computer design download ebook ebooks free programming web2.0 webdesign

shared by Adildi ldinlio on 18 Oct 08 - Cached
  • Adildi ldinlio on 18 Oct 08
     
    Adobe Creative Suite 3 Web Premium All-in-One Desk Reference For Dummies free download at the best library for free multimedia ebooks download.
Julian Knight

gotAPI.com :: Reference Lookup Service - 0 views

www.gotapi.com/index.html

css development html imported delicious javascript language perl programming reference sql web

shared by Julian Knight on 29 Aug 08 - Cached
  • Julian Knight on 29 Aug 08
     
    Nice Web2 mashup of a number of reference sources (html, css,JavaScript, DOM, PHP, XML, MySQL, Ruby, etc.)
  • Julian Knight on 29 Aug 08
     
    Nice Web2 mashup of a number of reference sources (html, css, JavaScript, DOM, PHP, XML, MySQL, Ruby, etc.)
yc c

Regexp Syntax Summary - 0 views

www.greenend.org.uk/...regexp.html

cheatsheet compare reference regex

shared by yc c on 13 Jun 08 - Cached
  • yc c on 13 Jun 08
     
    This table summarizes the meaning of various strings in different regexp syntaxes. It is intended as a quick reference, rather than a tutorial or specification. Please report any errors.
Javier Neira

HtmlUnit - Welcome to HtmlUnit - 2 views

htmlunit.sourceforge.net

java testing html unit api main reference

shared by Javier Neira on 16 Nov 09 - Cached
  • Javier Neira on 16 Nov 09
     
    HtmlUnit is a "GUI-Less browser for Java programs". It models HTML documents and provides an API that allows you to invoke pages, fill out forms, click links, etc... just like you do in your "normal" browser. It has fairly good JavaScript support (which is constantly improving) and is able to work even with quite complex AJAX libraries, simulating either Firefox or Internet Explorer depending on the configuration you want to use. It is typically used for testing purposes or to retrieve information from web sites. HtmlUnit is not a generic unit testing framework. It is specifically a way to simulate a browser for testing purposes and is intended to be used within another testing framework such as JUnit or TestNG. Refer to the document "Getting Started with HtmlUnit" for an introduction. HtmlUnit is used as the underlying "browser" by different Open Source tools like Canoo WebTest, JWebUnit, WebDriver, JSFUnit, Celerity, ... HtmlUnit was originally written by Mike Bowler of Gargoyle Software and is released under the Apache 2 license. Since then, it has received many contributions from other developers, and would not be where it is today without their assistance.
Julian Knight

JQuery Selectors - 0 views

codylindley.com/jqueryselectors

jquery javascript reference development

shared by Julian Knight on 30 Nov 09 - Cached
  • Julian Knight on 30 Nov 09
     
    Online quick reference with examples and links to full documentation.
Hostforlife Hosting

How to Use JavaScript to Create Simple Animation - - 1 views

hostforlife.eu/...ipt-to-create-simple-animation

asp net tutorial how to javascript

shared by Hostforlife Hosting on 29 Jun 15 - No Cached
  • Hostforlife Hosting on 29 Jun 15
     
    In this example, you are going to learn how to create simple animation of an object using JavaScript. The object we're referring to here is any image.
Julian Knight

HTML Reference V.2 @ yasininat.com - 0 views

www.yasininat.com/ref

css html javascript php programming reference scripting

shared by Julian Knight on 29 Aug 08 - No Cached
  • Julian Knight on 29 Aug 08
     
    Indexes for main scripting languages
Julian Knight

FreeComputerBooks.com - Free Computer Books, Tutorials & Lecture Notes - JavaScript - 0 views

freecomputerbooks.com/webJavaScriptBooksIndex.html

development imported delicious javascript programming reference

shared by Julian Knight on 29 Aug 08 - Cached
  • Julian Knight on 29 Aug 08
     
    List of JavaScript reference sites
Julian Knight

Bookmarklets, Favelets and Snippets | Smashing Magazine - 0 views

www.smashingmagazine.com/...marklets-favelets-and-snippets

bookmarklet firefox imported delicious javascript reference

shared by Julian Knight on 29 Aug 08 - Cached
  • Julian Knight on 29 Aug 08
     
    Useful reference
yc c

Closure Compiler - Google Code - 1 views

code.google.com/...compiler

javascript compiler

shared by yc c on 02 Feb 10 - Cached
  • yc c on 02 Feb 10
     
    The Closure Compiler is a tool for making JavaScript download and run faster. It is a true compiler for JavaScript. Instead of compiling from a source language to machine code, it compiles from JavaScript to better JavaScript. It parses your JavaScript, analyzes it, removes dead code and rewrites and minimizes what's left. It also checks syntax, variable references, and types, and warns about common JavaScript pitfalls.
yc c

jQuery Desktop - 5 views

desktop.sonspring.com

jquery desktop html5

shared by yc c on 22 Mar 10 - Cached
  • yc c on 22 Mar 10
     
    JavaScript desktop environment built with jQuery. (with links to reference)
Julian Knight

3 reasons why you should let Google host jQuery for you | Encosia - 3 views

encosia.com/...let-google-host-jquery-for-you

development javascript jquery

shared by Julian Knight on 09 Oct 09 - Cached
  • Julian Knight on 09 Oct 09
     
    Handy reference on using Google CDN for JQuery loading with details on possible issues and work-arounds.
Javier Neira

JavaScript setTimeout Function - JavaScript Timing Events - 0 views

www.bloggingdeveloper.com/...-JavaScript-Timing-Events.aspx

javascript function callback time

shared by Javier Neira on 14 Nov 09 - Cached
  • Javier Neira on 14 Nov 09
     
    JavaScript setTimeout Function - JavaScript Timing Events November 16, 2007 by Blogging Developer JavaScript features a couple of methods that lets you run a piece of JavaScript code (javascript function) at some point in the future. These methods are: * setTimeout() * setInterval() In this tutorial, I'll explain how setTimetout() method works, and give a real world example. You may find the details of setInterval() method in JavaScript setInterval Function - JavaScript Timing Events setTimeout() window.setTimeout() method allows you to specify a piece of JavaScript code (expression) will be run after specified number of miliseconds from when the setTimeout() method is called. Syntax var t = setTimeout ( expression, timeout ); The setTimeout() method returns a numeric timeout ID which can be used to refer the timeout to use with clearTimeout method. The first parameter (expression) of setTimeout() is a string containing a javascript statement. The statement could be a call to a JavaScript function like "delayedAlert();" or a statement like "alert('This alert is delayed.');". The second parameter (timeout), indicates the number of miliseconds to pass before executing the expression. Example An alert box will be shown 5 seconds later when you clicked the button. clearTimeout() Sometimes it's useful to be able to cancel a timer before it goes off. The clearTimeout() method lets us do exactly that. Its syntax is: clearTimeout ( timeoutId ); where timeoutId is the ID of the timeout as returned from the setTimeout() method call.
mesbah095

Guest Post Online - 0 views

guestpostonline.com

javascript jquery programming development html scripting Web css reference online

shared by mesbah095 on 03 Apr 14 - No Cached
  • mesbah095 on 03 Apr 14
     
    Article Writing & Guestpost You Can Join this Site for Your Article & guest post, Just Easy way to join this site & total free Article site. This site article post to totally free Way. Guest Post & Article Post live to Life time only for Current & this time new User. http://guestpostonline.com
Julian Knight

Programming Forums - 0 views

www.programmingforums.org/forum

development imported delicious java javascript perl programming python reference scripting

shared by Julian Knight on 29 Aug 08 - Cached
  • Julian Knight on 29 Aug 08
     
    Lots of languages covered including .net, Perl, Python, JS, Bash, Sed, Awk, PHP, XML, VB, C.., Java
1 - 20 of 40 Next ›
Showing 20▼ items per page