Javascript 101
- 4. 朱 覦ろ襴渚語 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" /> <title>覦ろ襴渚 伎</title> <script type="text/javascript"> document.write("<p>Hello World!</p>"); </script> </head> <body> <noscript> <p>觚殊一螳 覦ろ襴渚 蠍磯レ 讌讌 蟇磯 覦ろ襴渚 蠍磯レ 蟶殊 給.</p> </noscript> </body> </html>
- 5. 螳讌 蟲煙 伎 譴
- 8. 螳 譯殊 覈 觜 覿 // Numbers var intNum = 42; var floatNum = 3.14159; // Logical var logicalVar = true; // Strings var singleQuoteStr = 'Thanks for all the fish'; var doubleQuoteStr = "Thanks for all the fish"; // Undefined var emptyVar; // Null var nullVar = null;
- 9. 覦ろ襴渚碁 語 襷 朱 一危 覲 // 貊 る襯 覦れ . var answer = 42; answer = "Thanks for all the fish..."; // Numeric螻 String "+" ろ朱危磯 蟆壱 蟆曙 // 蠏 蟆郁骸 String . x = "The ansower is " + 42; // "The answer is 42" y = 42 + " is the answer"; // "42 is the answer" // "+"螳 るジ 一一 Numeric // String朱 覲讌 . "37" - 7 // 30 "37" + 7 // "377" // Unary plus operator "1.1" + "1.1" = "1.11.1" (+"1.1") + (+"1.1") = 2.2
- 10. 覲 覲 螳讌 覦覯朱 誤 覲 螳 覓 豐蠍郁 螳讌讌 覲 螳 覯 碁讌 覲 蠏殊 碁ゼ 覦 // Local or global variable var x = 42; // Global variable x = 42; var a; console.log("The value of a is " + a); // "The value of a is undefined." console.log("The value of b is " + b); // ReferenceError exception!
- 12. 螳豌 覦ろ襴渚語 螳豌企 殊 貊 手 豢ル 覈 蟆 螳豌
- 13. 螳豌 襷り鍵 螳豌 襴磯 螳 螳豌企ゼ 螻 襷 螳豌企 螳讌 煙 襦 螳豌企 螳讌 // Literal var foo = { name: 'foo', age: 35, gender: 'man' }; console.dir(foo); // Constructor function Person(name, age, gender, position) { this.name = name; this.age = age; this.gender = gender; } var bar = new Person('bar', 33, 'woman'); console.dir(bar); var baz = new Person('baz', 25, 'woman'); console.dir(baz);
- 14. 襯 觜朱┨朱 企至 朱 煙 谿願 蟇一 谿伎 覦碁 朱 語 螳 覲危旧 語 螳豌 覦碁 襯 牛 煙 語 螳 襦 焔 觜 螳豌伎 覦碁 谿伎 襴願 朱 襴願 朱 襯 襴 煙 朱 襦 焔 螳豌 襯 襴 // レ 伎伎... var qux = Person('qux', 20, 'man'); console.log(qux); // Undefined console.log(window.name); // qux console.log(window.age); // 20 console.log(wondow.gender); // man
- 15. 覿覈 襦 螳豌 襯 螳襴る 蟆讌 襦狩 煙 螻 襷 襦 螳豌企ゼ 朱 螳襴 螳豌 // Person 煙 function Person(name) { this.name = name; } // foo 螳豌 var foo = new Person('foo'); console.dir(Person); console.dir(foo);
- 16. 覈 螳豌企 燕 煙 襦狩郁 螳讌 螳豌企ゼ 襦 螳豌企 豬蠍 螳讌螻 讌 襦狩一襷 襦 螳豌願 螳讌螻 る 蟆豌 // 伎伎... console.log(Foo.hasOwnProperty('name')); // true 螳豌
- 17. 蠍磯蓋 る 一危 企 る碁朱 豢螳朱 蠍磯レ 覿 ロ 覈 蠍磯蓋 覃れ 襦 螳豌 伎 覃襦 伎 り String.prototype.testMethod = function() { console.log('Thanks for all the fish!'); }; var str = 'String'; str.testMethod(); // Thanks for all the fish! console.dir(String.prototype);
- 18. 覲蟆渚蠍 螻殊 覦蠖 蟾 吴 襦 螳豌企 螳 焔 螳 襦狩一 郁屋 郁屋 譴螳 覲蟆曙 螳 蠍 覿螳 function Person(name) { this.name = name; } var foo = new Person('foo'); console.log(foo.name, foo.country); // foo undefined Person.prototype = { country: 'korea', }; var bar = new Person('bar'); console.log(foo.name, foo.country); // foo undefined console.log(bar.name, bar.country); // bar korea
- 20. 碁 覓企 レ 殊讌 襯 ろ 螳 覲豌襴 螳 リ れ伎る 螳 螳 覦伎 螻螻 襯 螳朱 螳譯狩 語 覦螳朱 y = f(x) * f(x) z = f(x); y = z * z; function makeAddPrefixFunc(prefix) return function (val) { return prefix + val; } }
- 21. 企 企 覈 譯手鍵螳 碁 覲襯 谿語＾ 襯 企 朱 企 var pet = function(name) { // 碁 name企朱 覲襯 朱誤磯 覦. var getName = function() { return name; // 企 覦蟾レ 碁 name覲襯 覲 . } return getName; // 覦蠍 誤 豌企ゼ 覦. }, myPet = pet("Vivie"); myPet(); // Returns "Vivie"
- 22. 企 譬 れ function makeSizer(size) { return function() { document.body.style.fontSize = size + 'px'; }; } var size12 = makeSizer(12); var size14 = makeSizer(14); var size16 = makeSizer(16); document.getElementById('size-12').onclick = size12; document.getElementById('size-14').onclick = size14; document.getElementById('size-16').onclick = size16; <a href="#" id="size-12">12</a> <a href="#" id="size-14">14</a> <a href="#" id="size-16">16</a>
- 24. 襦 蟲 var person = { name : "Duglas Adams", getName : function() { return this.name; }, setName : function(arg) { this.name = arg; } } function create_object(o) { function F() {} F.prototype = o; return new F(); } var adams = create_object(person); adams.setName("choo"); console.log(adams.getName());
- 25. // Person 企 function Person() {} Person.prototype.walk = function(){ alert ('I am walking!'); }; Person.prototype.sayHello = function(){ alert ('hello'); }; // Student 企 function Student() { // Call the parent constructor Person.call(this); } // Person . Student.prototype = new Person(); // Student constructor螳 蠍磯蓋朱 Person 覲企襦 螻豺. Student.prototype.constructor = Student; // sayHello 覃襯 覲蟆 (る殊企) . Student.prototype.sayHello = function(){ alert('hi, I am a student'); } // add sayGoodBye method Student.prototype.sayGoodBye = function(){ alert('goodBye'); } var student1 = new Student(); student1.sayHello(); student1.walk(); student1.sayGoodBye(); // check inheritance alert(student1 instanceof Person); // true alert(student1 instanceof Student); // true