Styly - phpbb forum

// IF variable is not defined (or has a falsey value) THEN set it to an empty object.
// ELSE do nothing (technically speaking, variable gets assigned to itself)
var variable = variable  ||  {} ;

function test(){
   console.log(1);
}
// when called
test(); // 1
// or
var a = test;
a(); // 1

// or autocall if code executed
var test2 = function(){
  console.log(2);
}
// test2 is undefined because the function test2 has no return value

// return string
function stringTest(param) {
    return 'Hello ' + ' ' + param;
}

console.log(stringTest("Alice"));  // Hello Alice

// return number
function numberTest(param) {
    return 6 + param;
}

console.log(numberTest(5));  // 11

// or autocall if code executed 
// function is like other variables
// parenthesis is for made groups or call functions.
// Immediately-Invoked Function Expression,
// or IIFE for short. It executes immediately after it’s created.
(function(){
  // all your code here
  var foo = function() {};
  window.onload = foo;
  // ...
})();

// foo is unreachable here (it’s undefined)

//////////////////////////////
// IIFE Immediately Invoked Funtion Expression
var greeting = function(name) {
    return 'Hello ' + ' ' + name;
}('John');

console.log(greeting);  // Hello John
console.log(typeof greeting);  // string
console.log(greeting('Suzan'));  // Uncaught TypeError: greeting is not a function


///////////////////////
var val = (function(){
     var a = 0;  // in the scope of this function
     return function(x){
         a += x;
         return a;
     };
})();

alert(val(10)); //10
alert(val(11)); //21

///////////////////////
// create the structure

var testHash = {
   a : 1,
   b : function(){
      console.log(4);
   },
   c: function(param){
	   var num = param +5;
	   return num;
   }
}
console.log(testHash.a); // 1
testHash.b(); // 4
testHash['b'](); // 4
testHash.c(7); // 12

/////////////////////////
// or function like class
function TestClass(n) {
    this.some_property = n;
    this.some_method = function() {
       console.log(this.some_property);
    };
}

var foo = new TestClass(3);
var bar = new TestClass(4);
foo.some_method(); // 3
bar.some_property += 2;
bar.some_method(); // 6
// console.log(some_property); // Uncaught ReferenceError: some_property is not defined

//////////////////////////
function Car(brand, year) {
	return {
		brand: brand,
		year: year
	}
}
var honda = Car("Honda", 1999); 
console.log(honda.brand); // Honda
console.log(honda.year);  // 1999 

honda.brand = "Honda new Generation";
honda.year = 2021; 
console.log(honda.brand); // Honda new Generation
console.log(honda.year); // 2021

var mazda = Car("Mazda",1987);
console.log(honda.brand); // Honda new Generation
console.log(mazda.brand); // Mazda

//////////////////////////////////////
// simplified code 

 var TEST_CLASS = TEST_CLASS || {};

TEST_CLASS.pokus = TEST_CLASS.pokus || (function() {
    // -------------------------------------------------------------------------
    // Private static variables and methods
    // -------------------------------------------------------------------------
    
    var privateStaticNumber = 5;
    var privateStaticString = "My privateStaticString: ";
    var privateStaticArray = [];

	function privateStaticMethod(){
		console.log('privateStaticMethod');
	}

	// CONSTRUCTOR CTOR
	return function(config) {
		 // ----- private variables -----

        var me = this,
        isPaused = false;
		this.privateStaticNumber = config.firstParam;
		this.privateStaticString = privateStaticString + config.secondParam; // += produce: undefined I am from secondParam
		this.privateStaticArray = config.thirtParam;
			
		// ----- private methods -----
        function getMode (mode, speed) {
			// document.getElementById(mode).addEventListener('click', function () { snakeSpeed = speed; });
		}
		
		// ----- public variables -----
        me.correct = 0;
        me.wrong = 0;
		
		// ----- public methods -----
        
        me.setString = function(val) {
            this.privateStaticString = val;
        };
        me.getString = function() {
            return this.privateStaticString;
        };
		me.publicMethod = function(param){
			console.log(param + ' from me.publicMethod()');
		};

	
	}; // end CTOR
})();
// end TEST_CLASS.pokus

var _me = _me || {};
var _me_test = new TEST_CLASS.pokus({firstParam:8, secondParam:" I am from secondParam", thirtParam:[1,3,9]});
// TEST_CLASS.pokus.privateStaticMethod(); // is not a function
// TEST_CLASS.pokus.publicMethod("Hola!"); // TEST_CLASS.pokus.publicMethod is not a function
// TEST_CLASS.publicMethod("Hola hej!"); // TEST_CLASS.publicMethod is not a function
 
// TEST_CLASS.pokus.publicMethod(" Hello!"); // is not a function
_me_test.publicMethod(" Hello!"); //  Hello! from me.publicMethod()
console.log( _me_test.getString()); // My privateStaticString:  I am from secondParam
console.log( _me_test.isPaused); // undefined
 

// volani funkce s adresou php stranky kde pomoci $_GET["data1"] a $_GET["data2"] vyjmeme 

// zaslana data v url a ulozime na serveru

// zpet muzeme ziskat hlaseni zda operace probehla v poradku 

       httpGet("http://www.myweb.com/save_get_data.php?data1=hello&data2=someText"); 

       

function httpGet(theUrl)

{

    if (window.XMLHttpRequest)

    {// code for IE7+, Firefox, Chrome, Opera, Safari

        xmlhttp=new XMLHttpRequest();

    }

    else

    {// code for IE6, IE5

        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

    }

    xmlhttp.onreadystatechange=function()

    {

        if (xmlhttp.readyState==4 && xmlhttp.status==200)

        {

            createDiv(xmlhttp.responseText);

        }

    }

    xmlhttp.open("GET", theUrl, false);

    xmlhttp.send();    

}



// zobrazi text php stranky zda vse probehlo v poradku, pokud si v php scriptu nastavim echo

// s textem ze operace pobehla ok nebo ne pak v _div se objevi toto hlašení



function createDiv(responsetext)

{

    var _body = document.getElementsByTagName("body")[0];

    var _div = document.createElement("div");

    _div.innerHTML = responsetext;

    _body.appendChild(_div);

}		

Třídy v javascript dovolují použití get a set instrukci.
get vrátí hodnotu určité zadané proměnné.
set jí může změnit.

class Person {
  constructor(name) {
    this.personName = name;
  }
  get pname() {
    return this.personName;
  }
  // i kdyz set vypada jako funkce, musi mit pouze jeden parametr
  set pname(x) {
    this.personName = x;
  }
}

var myFriend = new Person("Michael");

var strMyFriendName = myFriend.pname; // bez () na konci!!!!!!
alert(strMyFriendName);

// hodnota se nepřirazuje do závorek (), ale pomocí = rovná se!!!!
myFriend.pname = "Renata";
strMyFriendName = myFriend.pname;
alert(strMyFriendName);

Ukázky zaokrouhlení čísla v JavaScript.

var num = 123.45678;
var rounded = Math.round(num); // out: 123
 
var num = 123.5269;
var rounded = Math.round(num); // out: 124

var num = -3.5269;
var rounded = Math.round(num); // out: -4

var num = 3.5269;
var rounded = Math.round(num * 100)/100; // out: 3.52

var num = 3.5269;
var rounded = Math.round(num * 1000)/1000; // out: 3.526

var num = 3.5269;
var rounded = num.toFixed(3); // out: 3.527

c:xampphtdocs

Eclipse IDE Prevent debuger to break at first line of file

Project > Properties > PHP > Debug", unselect "Break at First Line"
or
Windows -> Preferences -> PHP -> Debug" and uncheck "Break at first line".
or
Run > Debug Configurations > PHP Web Application" and unselect "Break at first line" in all the configurations.

Restart Eclipse