SlideShare a Scribd company logo
1 of 17
JavaScript Good Parts
•
•
•
•
•
    function hoge () {
    }
•
    var hoge = function () {
    };
•
    hoge(); // ‘hello’
    function hoge () {
       return ‘hello’;
    }
•
    hoge(); // TypeError: undefined is not a function
    var hoge = function () {
       return ‘hello’;
    };
•
    jQuery.get(‘api.php’, function(data) {
        alert(data);
    });


•
    (function() {
       // some code
    })();
• JavaScript
  var f = function () {
     var hoge = ‘moge’;
     alert(hoge); // ‘moge’
  };
  alert(hoge); // undefined
•
    var hoge = ‘moge’;
    var f = function () {
       alert(hoge); // ‘moge’
    };
•
    <script>
    var hoge = ‘moge’;
    alert(window.hoge); // ‘moge’
    </script>
•
    <script>
    (function () {
       var hoge = ‘moge’;
       alert(hoge); // ‘moge’;
    })();

    alert(window.hoge); // undefined
    </script>
var Bird = function (name) {
   this.name = name;
};
Bird.prototype = {
   nakigoe: ‘piyopiyo’,
   say: function () {
      return this.name + ‘: ‘ + this.nakigoe;
   }
};
new


 var tori = new Bird(“tori”);
 tori.say(); // “tori: piyopiyo”
•                    tori    nakigoe   name


    bird.nakigoe = ‘pugyaaa’;
    bird.name = ‘hoge’;
    bird.say() // ‘hoge: pugyaaa’;
•   new


    var tori = Bird('hoge'); //        this   window
    window.name; // “hoge”
var bird = function (name) {
   var pub = {},
       nakigoe = ‘piyopiyo’;
   pub.say = function () {
      return name + ‘: ‘ + nakigoe;
   };
   return pub;
};
var tori = bird(‘tori’);
tori.say(); // ‘tori: piyopiyo’;
tori.name // undefined
tori.nakigoe // undefined
var suzume = function (name) {
   var pub = bird(name),
       nakigoe = ‘chun chun’;
   pub.chun = function () {
      return name + ‘: ‘ + nakigoe;
   };
   return pub;
};
var tarou = suzume(‘tarou’);
tarou.say(); // ‘tarou: piyopiyo’;
tarou.chun(); // ‘tarou: chun chun’;
JavaScript Tips

More Related Content

What's hot

What's hot (20)

Menu orastat.c
Menu orastat.cMenu orastat.c
Menu orastat.c
 
JavaScript
JavaScriptJavaScript
JavaScript
 
Java Script - Object-Oriented Programming
Java Script - Object-Oriented ProgrammingJava Script - Object-Oriented Programming
Java Script - Object-Oriented Programming
 
jQuery PLUGIN
jQuery PLUGINjQuery PLUGIN
jQuery PLUGIN
 
07 4 for반복문
07 4 for반복문07 4 for반복문
07 4 for반복문
 
Base datos
Base datosBase datos
Base datos
 
Mikstura it2013
Mikstura it2013Mikstura it2013
Mikstura it2013
 
Barcamp
BarcampBarcamp
Barcamp
 
Dij
DijDij
Dij
 
Func menu mostrar.c
Func menu mostrar.cFunc menu mostrar.c
Func menu mostrar.c
 
Introduction to Service Worker
Introduction to Service WorkerIntroduction to Service Worker
Introduction to Service Worker
 
jQuery プラグインの作り方
jQuery プラグインの作り方jQuery プラグインの作り方
jQuery プラグインの作り方
 
The Flavor of TypeScript
The Flavor of TypeScriptThe Flavor of TypeScript
The Flavor of TypeScript
 
Introducing Ballerina
Introducing BallerinaIntroducing Ballerina
Introducing Ballerina
 
Java script.trend(spec)
Java script.trend(spec)Java script.trend(spec)
Java script.trend(spec)
 
AngularJS Filters
AngularJS FiltersAngularJS Filters
AngularJS Filters
 
选择比努力还重要
选择比努力还重要选择比努力还重要
选择比努力还重要
 
Peggy optimist
Peggy   optimistPeggy   optimist
Peggy optimist
 
08 1 함수란
08 1 함수란08 1 함수란
08 1 함수란
 
Vue.jsのユニットテスト
Vue.jsのユニットテストVue.jsのユニットテスト
Vue.jsのユニットテスト
 

Viewers also liked

"Come" dire qualcosa di (centro)sinistra
"Come" dire qualcosa di (centro)sinistra"Come" dire qualcosa di (centro)sinistra
"Come" dire qualcosa di (centro)sinistraGianluca Giansante
 
Echological Thinking
Echological ThinkingEchological Thinking
Echological ThinkingPaul Alleyne
 
Il concetto di Agenda in Hyperpolitics
Il concetto di Agenda in HyperpoliticsIl concetto di Agenda in Hyperpolitics
Il concetto di Agenda in HyperpoliticsGianluca Giansante
 
N discovery project ppt. (the doors)
N discovery project ppt. (the doors)N discovery project ppt. (the doors)
N discovery project ppt. (the doors)MaxWilde
 
Canadian Whiskey Presentation 1
Canadian Whiskey Presentation 1Canadian Whiskey Presentation 1
Canadian Whiskey Presentation 1desmarkus
 
Ge258 17 syllabus
Ge258 17 syllabusGe258 17 syllabus
Ge258 17 syllabusJoni Meeker
 
La comunicazione politica online - Le figure del testo
La comunicazione politica online - Le figure del testoLa comunicazione politica online - Le figure del testo
La comunicazione politica online - Le figure del testoGianluca Giansante
 
Parlare in pubblico. Tenere viva l’attenzione, farsi capire, convincere chi a...
Parlare in pubblico. Tenere viva l’attenzione, farsi capire, convincere chi a...Parlare in pubblico. Tenere viva l’attenzione, farsi capire, convincere chi a...
Parlare in pubblico. Tenere viva l’attenzione, farsi capire, convincere chi a...Gianluca Giansante
 
Alcuni consigli pratici per una presentazione efficace
Alcuni consigli pratici per una presentazione efficaceAlcuni consigli pratici per una presentazione efficace
Alcuni consigli pratici per una presentazione efficaceGianluca Giansante
 
Presentazioni efficaci: come organizzare il discorso
Presentazioni efficaci: come organizzare il discorsoPresentazioni efficaci: come organizzare il discorso
Presentazioni efficaci: come organizzare il discorsoGianluca Giansante
 

Viewers also liked (15)

Jakarta project
Jakarta projectJakarta project
Jakarta project
 
"Come" dire qualcosa di (centro)sinistra
"Come" dire qualcosa di (centro)sinistra"Come" dire qualcosa di (centro)sinistra
"Come" dire qualcosa di (centro)sinistra
 
Echological Thinking
Echological ThinkingEchological Thinking
Echological Thinking
 
Titanium mobile
Titanium mobileTitanium mobile
Titanium mobile
 
Il concetto di Agenda in Hyperpolitics
Il concetto di Agenda in HyperpoliticsIl concetto di Agenda in Hyperpolitics
Il concetto di Agenda in Hyperpolitics
 
Libro astronomia2010
Libro astronomia2010Libro astronomia2010
Libro astronomia2010
 
N discovery project ppt. (the doors)
N discovery project ppt. (the doors)N discovery project ppt. (the doors)
N discovery project ppt. (the doors)
 
Canadian Whiskey Presentation 1
Canadian Whiskey Presentation 1Canadian Whiskey Presentation 1
Canadian Whiskey Presentation 1
 
Ge258 17 syllabus
Ge258 17 syllabusGe258 17 syllabus
Ge258 17 syllabus
 
Comparatives
ComparativesComparatives
Comparatives
 
Politica online
Politica onlinePolitica online
Politica online
 
La comunicazione politica online - Le figure del testo
La comunicazione politica online - Le figure del testoLa comunicazione politica online - Le figure del testo
La comunicazione politica online - Le figure del testo
 
Parlare in pubblico. Tenere viva l’attenzione, farsi capire, convincere chi a...
Parlare in pubblico. Tenere viva l’attenzione, farsi capire, convincere chi a...Parlare in pubblico. Tenere viva l’attenzione, farsi capire, convincere chi a...
Parlare in pubblico. Tenere viva l’attenzione, farsi capire, convincere chi a...
 
Alcuni consigli pratici per una presentazione efficace
Alcuni consigli pratici per una presentazione efficaceAlcuni consigli pratici per una presentazione efficace
Alcuni consigli pratici per una presentazione efficace
 
Presentazioni efficaci: come organizzare il discorso
Presentazioni efficaci: come organizzare il discorsoPresentazioni efficaci: come organizzare il discorso
Presentazioni efficaci: come organizzare il discorso
 

JavaScript Tips

  • 3. function hoge () { } • var hoge = function () { };
  • 4. hoge(); // ‘hello’ function hoge () { return ‘hello’; } • hoge(); // TypeError: undefined is not a function var hoge = function () { return ‘hello’; };
  • 5. jQuery.get(‘api.php’, function(data) { alert(data); }); • (function() { // some code })();
  • 6. • JavaScript var f = function () { var hoge = ‘moge’; alert(hoge); // ‘moge’ }; alert(hoge); // undefined
  • 7. var hoge = ‘moge’; var f = function () { alert(hoge); // ‘moge’ };
  • 8. <script> var hoge = ‘moge’; alert(window.hoge); // ‘moge’ </script>
  • 9. <script> (function () { var hoge = ‘moge’; alert(hoge); // ‘moge’; })(); alert(window.hoge); // undefined </script>
  • 10. var Bird = function (name) { this.name = name; }; Bird.prototype = { nakigoe: ‘piyopiyo’, say: function () { return this.name + ‘: ‘ + this.nakigoe; } };
  • 11. new var tori = new Bird(“tori”); tori.say(); // “tori: piyopiyo”
  • 12. tori nakigoe name bird.nakigoe = ‘pugyaaa’; bird.name = ‘hoge’; bird.say() // ‘hoge: pugyaaa’; • new var tori = Bird('hoge'); // this window window.name; // “hoge”
  • 13. var bird = function (name) { var pub = {}, nakigoe = ‘piyopiyo’; pub.say = function () { return name + ‘: ‘ + nakigoe; }; return pub; };
  • 14. var tori = bird(‘tori’); tori.say(); // ‘tori: piyopiyo’; tori.name // undefined tori.nakigoe // undefined
  • 15. var suzume = function (name) { var pub = bird(name), nakigoe = ‘chun chun’; pub.chun = function () { return name + ‘: ‘ + nakigoe; }; return pub; };
  • 16. var tarou = suzume(‘tarou’); tarou.say(); // ‘tarou: piyopiyo’; tarou.chun(); // ‘tarou: chun chun’;

Editor's Notes

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n