• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
百事可爱
一起努力鸭~~~
博客园    首页    新随笔    联系   管理    订阅  订阅
JS 对象

对象

1.引入:

  1. 对象由属性和方法组成;属性描述事物的特征,常用名词;方法描述事物的行为,常用动词
  2. 数组虽然可以保存多个值,但 对象可以保存更加完整的信息

2. 创建对象的三种方式:

1.利用字面量创建对象:

对象字面量是指一对花括号

var obj={};//创建一个空对象

2.使用对象
(1)调用对象的属性:1. 用对象名.属性名 2. 用对象名['属性名'] (中括号里面加引号)
(2)调用对象的方法:用对象名.方法名()

<script>
        // 1. 利用字面量创建对象:
        var obj={
            name:'小童',
            age:19,
            sex:'女',
            sayHi:function(){
                console.log('你好呀!');
            }
        }
        // (1) 里面的属性或者方法采用属性值对的形式:  属性:属性值  属性值可以是任意类型的数据
        // (2)多个属性或方法中间用逗号隔开
        // (3)方法冒号后面是采用函数表达式来声明方法
        console.log(obj.name);
        console.log(obj['age']);
         obj.sayHi();
    </script>

2.利用new Object创建对象:

  1. 利用等号 = 赋值的方法,添加对象的属性和方法
  2. 每个属性和方法之间用分号隔开
<script>
        //   1.利用new Object创建对象:
        var obj = new Object();//创建了一个空对象
        obj.name = '小童';
        obj.age = 19;
        obj.sex = '女';
        obj.sayHi = function () {
            console.log('你好呀!');
        }
        // 2.使用对象:
        console.log(obj.name);
        console.log(obj['age']);
        obj.sayHi();
    </script>

3.利用构造函数创建对象:

1.语法:

function 构造函数名(){
             this.属性 = 值 ;
             this.方法 = function(){} 
         }
         new 构造函数名();
  1. 例子 :
<script>
        //  利用构造函数创建对象:
        function Star(name,age,sex){
            this.name = name;
            this.age = age;
            this.sex = sex;
            this.sing=function(sang){
                console.log(sang);
            }
        }
        //创建第一个对象
        var star1 = new Star('小孩',18,'女');
        // console.log(typeof star1);此处是object,就是调用构造函数返回的是一个对象object
        console.log(star1.name);//小孩
        console.log(star1.sex);//女
        console.log(star1['age']);//18
        star1.sing('冰雨');//冰雨
        //创建第二个对象
        var star2 = new Star('小孩',18,'男');
        console.log(star2['name']);
        star2.sing('雪花');
     </script>
  1. 构造函数的名字首字母要大写
  2. 构造函数不需要return,就可以返回结果
  3. 调用构造函数。必须用new
  4. 属性和方法前面必须有this. 表示当前对象
  5. 构造函数:抽象了对象的公共部分,封装到函数里面,它泛指某一大类
  6. 创建对象:特指某一个,通过new关键字创建对象的过程也称作对象实例化

通过new关键字创建对象的过程:

  1. 在内存中创建一个新的空对象
  2. 让this指向这个新的对象
  3. 执行构造函数里面的代码,给这个新对象添加属性和方法
  4. 返回这个新对象

3.遍历对象(一般指属性)

  1. 利用 for(变量 in 对象){
    直接输出变量k,得到 属性名
    输出对象名[变量] 得到 属性值
    }
  2. 以上输出时若都有就会出现:第一个属性名,下一行就是属性值
  3. for in 里面的变量,习惯上写k或者key
 function Star(name,age,sex){
            this.name = name;
            this.age = age;
            this.sex = sex;
            this.sing=function(sang){
                console.log(sang);
            }
        }
        //创建第一个对象
        var star1 = new Star('小孩',18,'女');
        for (var k in star1){
            // console.log(k);//直接输出变量k,得到 属性名
            // //输出name  age  sex sing
   
            console.log(star1[k]);//输出对象名[变量] 得到  属性值
// //输出:小孩   18  女   ƒ (sang){
//                 console.log(sang); 
        }
posted on 2021-11-01 23:31  精致猪猪侠  阅读(88)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3