29 js 对象

最新推荐文章于 2023-03-01 12:25:47 发布

wwwshengbo

最新推荐文章于 2023-03-01 12:25:47 发布

阅读量119

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/wwwshengbo/article/details/87543499

版权

JavaScript 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>
</title>

</head>

<body>
<p> js 对象</p>
<script type="text/javascript">
// 人猪狗
   var dog = new Object();
//属性 (属性)
   dog.name ="旺财";
   dog.age = 3;
   dog.color ="黑";
//方法（行为）
   dog.bark = function (){
       alert ("叫");
   }
   dog.run = function(){
       alert ("跑");
   }
   document.write(dog.name);
   document.write(dog.age);
   document.write(dog.color);

   dog.bark(); //调用对象方法
   dog.run();
</script>

<p> js 工厂方式创建对象</p>
<script type="text/javascript">
   //创建一个人这个人有两个属性 name age
   function createPerson(name, age){
       var obj =new Object();
           obj.name =name;
           obj.age =age; //对属性赋值

           //定义两个对象方法
           obj.showName = function (){
               alert("我的名字是:"+name);
           }
           obj.showAge =function(){
               alert ("年龄:"+age);
           }
           return obj;

   }
       var p1 = createPerson("小明",22);
       var p2 = createPerson("小红",20);

       p1.showName();
</script>
</body>

</html>

wwwshengbo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
29 js 对象

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"/&gt;&lt;title&gt;&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;p&gt; js 对象&lt;/p&gt;&am
复制链接

扫一扫

专栏目录