JavaScript回顾(2)
时间：2021-07-01 10:21:17
帮助过：28人阅读
Javascript面向对象基础知识 1、如何定义一个类，使用如下语法来创建一个类 function Person(name,age){ //习惯上第一个字母大写 //this修饰的变量称为属性 this .name=name; this .age=age; //如果属性是一个函数，则这个属性就是一个方法 this .play= func
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>
