Is there static functions in javascript objects which can be called without instance?

**danrevah** · Nov 3, 2011 13:24

This is my problem this code is wrapped in a object function
and i need to call the "switch image" which is on the gallery class

in php i could declare a functio as static and go to it like that
gallery::switch_image(id);

how do i do that on javascript?

Code:

	$('.rec_thumb').hover(
	function(e){
		var id = $(this).attr('id').replace('rec_thumb_', '');
		switch_image(id);
		e.preventDefault();
	}, function() {
		} );

**Anthony.Barnes** · Nov 3, 2011 16:04

You can use call or apply to achieve something similar:

Code:

// call
gallery.switch_image.call(gallery,id);

// or apply which takes an array of arguments
gallery.switch_image.call(gallery,[id,..]);

**danrevah** · Nov 3, 2011 17:37

i tried this way and its NOT working :\
why?

I have to access to "obj" object calling method and i cant find a way to do it..
anyone knows what do i need to do ?

Code:

function obj(){
	this.calling = function(id) {
		alert("Calling function, catched id: " + id );
	};
	
	$('.a').hover(function() {
		var id = 0;
		obj.calling.call(obj, id); // <-- NOT WORKING!
	} );
	
};
var newobj = new obj();

**Anthony.Barnes** · Nov 3, 2011 17:54

I don't quite get why are you doing certain things in that example, like instantiating a new object when you want to use a function statically. What you can do if you want to use a function statically, or as a method on newly created objects you can use the objects prototype:

http://jsfiddle.net/ZZVne/

**centered effect** · Nov 3, 2011 20:53

You can try this method:

HTML Code:

<!DOCTYPE html>
<html>
	<body>
		<a href="#" id="rec_thumb_test1">Link 1</a>
		<a href="#" id="rec_thumb_test2">Link 2</a>		
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
		<script>
			var Gallery = (function () {
				function _switch(id) {
					alert(id);
				}
				return {
					'switch_image': _switch
				};
			}());
			
			$('a').click(function(e) {
				e.preventDefault();
				var id = $(this).attr('id').substr(10);
					 $(this).attr('id', id);
				Gallery.switch_image(id);
			});
		</script>
	</body>
</html>

**danrevah** · Nov 4, 2011 01:06

ok now i can access the function but the next problem is how to i access the variables?

Code:

var obj = function(name){
	this.name = name;

   $('.a').hover(function() {
      obj.prototype.callit.call(obj, obj.name); // <-- Obj.name not returning any result!
   }, function() {} );
};

obj.prototype = {
    callit: function(name)
    {
        alert("Name: " + name);
    }
};

var newObj = new obj('Dan');

User Tag List

Thread: Is there static functions in javascript objects which can be called without instance?

Thread Tools

Display

Is there static functions in javascript objects which can be called without instance?

Bookmarks

Bookmarks

Posting Permissions