JS面向对象案例JS面向对象案例

63 阅读 0 评论 42 点赞

我是靠谱客的博主幸福黄蜂，最近开发中收集的这篇文章主要介绍JS面向对象案例JS面向对象案例，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

JS面向对象案例

1. 创建一个狗

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
//1. 创建一个狗
var dog = {
name: '可可',
type: '阿拉斯加',
age: '5岁',
color: '棕红色',
my: function () {
alert("我叫:" + dog.name + ",今年:" + dog.age + ",我是一只:" + dog.type + ",我是" + dog.color + "色。");
}
}
alert(dog.name);
alert(dog.type);
dog.my();
</script>
</head>
<body>
</body>
</html>

2. 创建一个鸣人

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
//1. 创建一个狗
var dog = {
name: '可可',
type: '阿拉斯加',
age: '5岁',
color: '棕红色',
my: function () {
alert("我叫:" + dog.name + ",今年:" + dog.age + ",我是一只:" + dog.type + ",我是" + dog.color + "色。");
}
}
//2.使用new Object创建一个人
var obj = new Object();
obj.name = "名人";
obj.sex = '男';
obj.age = 19;
obj.skill = function (str) {
alert('我会' + str);
}
alert(dog.name);
alert(dog['type']);
dog.my();
alert(obj.name);
alert(obj['sex']);
obj.skill("吃饭睡觉打豆豆");
</script>
</head>
<body>
</body>
</html>

3. new Object创建对象

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function Star(uname, age, sex) {
this.uname = uname;
this.age = age;
this.sex = sex;
this.sk = function (sk) {
alert('我会' + sk);
}
}
var ldh = new Star('刘德华', 21, '男');
alert(ldh.uname);
alert(ldh['sex']);
ldh.sk("唱歌");
var zxy = new Star('张学友', 21, '男');
alert(ldh.uname);
alert(ldh['sex']);
ldh.sk('食屎');
</script>
</head>
<body>
</body>
</html>