本文为 兄弟连IT教育 机构官方 HTML5培训 教程，主要介绍：HTML5移动开发之路（27）—— JavaScript回顾2
JavaScript面向对象基础知识
1、如何定义一个类，使用如下语法来创建一个类
[javascript] view plain copy print?
- function Person(name, age){ //习惯上第一个字母大写
- //this修饰的变量称为属性
- this.name = name;
- this.age = age;
- //如果属性值是一个函数，则这个属性就是一个方法
- this.play = function(){
- alert('play football...');
- };
- }
2、如何创建该类的实例
[javascript] view plain copy print?
- var p = new Person('zs', 22);
- p.play();
- p.name;
3、创建javascript对象的另外两种方式
(1)先创建一个Object类型的实例，然后增加新的属性和方法
javascript是一种动态语言，可以在运行时为对象增加新的属性和方法
[javascript] view plain copy print?
- var obj = new Object();
- obj.name = 'zs';
- obj.age = 22;
- obj.play = function(){
- alert('play...');
- };
(2)使用“json”语法
[javascript] view plain copy print?
- var p = {'name':'zs','age':22};
- ar p = {'name':'zs','play':function(){
- alert('hello');
- };
或者
[javascript] view plain copy print?
- var p = {name:'zs',age:22,marrid:false};
- var p = {name:'zs',play:function(){
- alert('hello');
- }};
属性值如果是字符串必须用引号括起来(单双)
属性值允许number,string,boolean,null,Object
[javascript] view plain copy print?
- var p = {name:'zs',
- address:{
- city:'beijing',
- street:'ca'
- }
- };
一个完整的例子
[html] view plain copy print?![HTML5移动开发之路（27）—— JavaScript回顾2-LMLPHP]( "HTML5移动开发之路（27）—— JavaScript回顾2-LMLPHP")
- <html>
- <head>
- <script>
- function f1(){
- //var p = {'name':'zs','age':22};
- //var p = {name:'zs',age:22,marrid:false};
- var p = {name:'zs',
- address:{
- city:'beijing',
- street:'ca'
- }
- };
- //alert(p.name);
- alert(p.address.city);
- }
- function f2(){
- var arr = [
- {'name':'zs','age':22},
- {'name':'ls','age':32}
- ];
- alert(arr[1].name);
- }
- script>
- head>
- <body>
- <input type="button" value="click me" onclick="f2();"/>
- body>
- html>