小强的HTML5移动开发之路（27）—— JavaScript回顾2

时间：2022-05-25 14:10:55

Javascript面向对象基础知识

1、如何定义一个类，使用如下语法来创建一个类

  function Person(name, age){ //习惯上第一个字母大写
//this修饰的变量称为属性
this.name = name;
this.age = age;
//如果属性值是一个函数，则这个属性就是一个方法
this.play = function(){
alert('play football...');
};
}
2、如何创建该类的实例 

var p = new Person('zs', 22);
p.play();
p.name;
3、创建javascript对象的另外两种方式

(1)先创建一个Object类型的实例，然后增加新的属性和方法

javascript是一种动态语言，可以在运行时为对象增加新的属性和方法

var obj = new Object();
obj.name = 'zs';
obj.age = 22;
obj.play = function(){
alert('play...');
};
(2)使用“json”语法 

  var p = {'name':'zs','age':22};
var p = {'name':'zs','play':function(){
alert('hello');
}};
或者 

var p = {name:'zs',age:22,marrid:false};
var p = {name:'zs',play:function(){
alert('hello');
}};
属性值如果是字符串必须用引号括起来(单双)

属性值允许number,string,boolean,null,Object

var p = {name:'zs',
address:{
city:'beijing',
street:'ca'
}
};
一个完整的例子 

<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>



标签：

相关文章