zoukankan      html  css  js  c++  java
  • JavaScript-04-JS产生对象以及批量产生对象

    1.1创建对象

        <script text="text/javascript">
            //1.创建对象
            //this this 所在的函数属于哪个对象,this就代表这个对象
            //1.1直接创建
            var dog = {
                name: 'San',
                age: 18,
                height: 1.55,
                dogFriends: ['Bob','Lili'],
                eat:function (someThing) {
                    console.log( this.name +'' + someThing);
                },
                run:function (someWhere) {
                    console.log(this.name +'' + someWhere);
                }
            };//object
            console.log(typeof dog);
    
            //1.2输出这只狗对象的属性和行为
            console.log(dog.age,dog.dogFriends);
            dog.eat('');
            dog.run('健身房');
        </script>

    2.通过构造函数批量产生对象

        <script type="text/javascript">
            //通过构造函数批量产生对象
            //普通函数->构造函数
            var Dog = function () {
                console.log('这是一个普通函数');
            };
            //普通调用
            Dog();
    
            // alloc init -> new
            var dog1 = new Dog();
            var dog2 = new Dog();
            console.log(dog1,dog2);
    
        </script>

    3.验证批量产生对象

         <script type="text/javascript">
            //创建构造函数 -> 抽象
            var Dog = function () {
                this.name = null;
                this.age = null;
                this.dogFriends = [];
                this.height = null;
                this.eat = function (someThing) {
                    console.log(this.name + '' + someThing);
                }
                this.run = function (someWhere) {
                    console.log(this.name + '' + someWhere);
                }
            }
            //批量产生对象
            var dog1 = new Dog();
            dog1.name = 'Peter';
            dog1.age = 15;
            dog1.dogFriends = ['A','B'];
            var dog2 = new Dog();
            dog2.name = 'Bob';
            dog2.age = 18;
            dog2.dogFriends = ['C','D'];
            console.log(dog1,dog2);
    
            //创建构造函数 -> 抽象
            var Dog1 = function (name,age,dogFriends,height) {
                this.name = name;
                this.age = age;
                this.dogFriends = dogFriends;
                this.height = height;
                this.eat = function (someThing) {
                    console.log(this.name + '' + someThing);
                }
                this.run = function (someWhere) {
                    console.log(this.name + '' + someWhere);
                }
            }
            var dog3 = new Dog1('Peter',15,['A','B'],1);
            console.log(dog3);
        </script>

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

  • 相关阅读:
    HttpContext.Current.Cache过期使用方法
    IE11下使用IE8
    Sqldbx连接oracle
    XML序列之System.Xml.Serialization
    怎样设置域名带www和不带www都可以访问
    log4net一些配置说明
    部署wcf到IIS时的问题
    spring.net学习(一) 搭建环境,实例化spring.net容器。
    WPF 多语言实现
    C# 类型转换问题
  • 原文地址:https://www.cnblogs.com/StevenHuSir/p/10203091.html
Copyright © 2011-2022 走看看