JavaScript进阶——04-创建对象和继承

原创

于 2024-05-12 23:58:04 发布 · 220 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

创建对象的几种方式

通过Object

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>01_Object构造函数模式</title>
 </head>
 <body>
 <!--
 方式一: Object构造函数模式
   * 套路: 先创建空Object对象, 再动态添加属性/方法
   * 适用场景: 起始时不确定对象内部数据
   * 问题: 语句太多
 -->
 <script type="text/javascript">
     /*
     一个人: name:"Tom", age: 12
      */
     // 先创建空Object对象
     var p = new Object()
     p = {} //此时内部数据是不确定的
     // 再动态添加属性/方法
     p.name = 'Tom'
     p.age = 12
     p.setName = function (name) {
         this.name = name
     }
 
     //测试
     console.log(p.name, p.age)
  &nb