JS中初识new object对象

在JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。

对象由属性和方法组成。

属性:事物的特征,在对象中用属性来表示;属性指外在的特点例如颜色、材质、尺寸

方法:事物的行为,在对象中用方法来表示;方法指事物内在的特点能不能发声音......

对于变量、属性、函数、方法的区分:

  • 变量:单独声明赋值,单独存在。
  • 属性∶对象里面的变量称为属性,不需要声明,用来描该对象的特征
  • 函数:单独存在的,通过“函数名()”的方式就可以调用
  • 方法:对象里面的函数称为方法,方法不需要声明,使用“对象.方法名()的方式就可以调用,方法用来描述该对象的行为和功能。

1、利用字面量方式创建对象

  <script>
        var dog = {
            name: '可可',
            type: '阿拉斯加犬',
            age: 5,
            sayHi: function() {
                console.log('汪汪汪');
            }
        }
        alert(dog['name']);
        alert(dog.sayHi());
    </script>

2、利用new Object方式创建

<script>
        var pe = new Object();
        pe.name = '鸣人';
        pe.sex = '男';
        pe.age = '19岁';
        pe.skill = function() {
            console.log('火影分身术');
        }
        console.log(pe.name);
        console.log(pe['sex']);
        console.log(pe['age']);
        pe.skill();
    </script>

3、为什么要用构造函数

对于对象我们需要定义多个去解决问题,在很多类似的对象当中避免不了代码的重复性,因此我们可以选择利用构造函数去解决这一问题:

我们为什么需要使用构造函数
就是因我们前面两种创建对象的方式一次只能创建一个对象

因为我们一次创建一个对象,里面很多的属性和方法是大量相同的我们只能复制
因此我们可以利用函数的方法重复这些相同的代码我们就把这个函数称为构造函数,又因为这个函数不一样,里面封装的不是普通代码,而是对象,构造函数就是把我们对象里面一些相同的属性和方法抽象出来封装到函数里面。

 
4、利用构造函数创建对象

语法规则:function 构造函数名(形参){

this.属性名=属性值;

this.方法=function(){

}

}

new 构造函数名(实参);

对于调用方式:console.log()

eg: <script>
        function Star(name, age, sex) {
            this.name = name;
            this.age = age;
            this.sex = sex;
      
        }
        // var t = new Star('你好', 33, '男');
        // console.log(t.name);
        console.log(new Star('刘德华', 33, '男'));
    </script>

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值