博主信息
博文 34
粉丝 0
评论 1
访问量 29423
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
0911作业:js基础语法
Samoye
原创
829人浏览过

编程: 创建对象的方式(字面量或构造函数)

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js中创建对象的方法</title>
    <script>
        //1. 直接创建对象 ,字面量
       let obj1 = { name: 'jimmy', sex:'female',age:18,address:'西安'};
       //测试
       document.write(obj1.name,obj1.sex,obj1.age,obj1.address);
       // 2.利用 Object 创建对象实例
        let obj2 = new Object();
        obj2.name = 'jimmy';
        obj2.sex = 'female';
        obj2.age = 18;
        obj2.address = 'BeiJing';
        //测试
        alert(obj2.address);
        //3.利用工厂模式函数创建,可以创建多个类似对象
          function createStu(name,age) {
              let obj3 = new Object();
              obj3.name = name;
              obj3.age = age;
              return obj3;
          }
          let student1 = new createStu('core',21);
          console.log(student1.name +':'+ student1.age);
        //4.用构造函数+原型对象模式 创建对象
            function Student(name,age) { //构造函数的名字,应首字母大写,以区别普通函数
                this.name=name;
                this.age=age;
                this.friends= ['jimmy','peter'];
            }
            //把方法写入proto
            Student.prototype ={
                sayName:function () {
                return this.name;
        }
            };
            let student2 = new Student('core',30);
            student2.friends.push('zola');
            console.log(student2.friends);
            console.log(student2.sayName());
    </script>
</head>
<body>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学