HTML5移动开发之路（27）—— JavaScript回顾2
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML5移动开发之路（27）—— JavaScript回顾2相关的知识，希望对你有一定的参考价值。
本文为 兄弟连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?
<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>
以上是关于HTML5移动开发之路（27）—— JavaScript回顾2的主要内容，如果未能解决你的问题，请参考以下文章
HTML5移动开发之路（24）—— PhoneGap Android开发环境搭建
HTML5移动开发之路（30）—— JavaScript回顾5
HTML5移动开发之路（23）—— jQuery Mobile入门
HTML5移动开发之路（28）—— JavaScript回顾3