码迷,mamicode.com
首页 > Web开发 > 详细

js对象

时间:2019-12-03 23:10:03      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:结果   冒号   函数名   参数   log   封装   成员   turn   ons   

js对象

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

  2. 对象由属性和方法组成

    • 属性:事物的特征,在对象中用属性来表示(常用名词)
    • 方法:事物的行为,在对象中用方法来表示(常用动词)
  3. js中,三种方式创建对象方法

    • 利用字面量创建对象

      • 对象字面量:花括号{}里面包含了表达这个具体事物的属性和方法
      var obj={
          uname:'张三',
          age;18,
          sex:'男',
          sayHi(){
              console.log('hi~');
          }
      }
      • 属性或者方法采取键值对的形式 键 属性名:值 属性值

      • 多个属性或者方法中间用逗号隔开

      • 方法冒号后面跟的是一个匿名函数

      • 调用对象的属性 对象名.属性名

        console.log(obj.uname);//方法一
        console.log(obj['age']);//方法二
        obj.sayHi();//调用方法
    • 利用new Object创建对象

      • var obj = new Object();
        obj.uname='张三';
        obj.age=18;
        obj.sex='男';
        obj.sayHi=function(){
            console.log('hi~');
        }
    • 利用构造函数创建对象

      • 构造函数:是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,他总与new运算符一起使用。我们可以把对象中一些公共的属性和方法抽取出来,然后封装到这个函数里面。

      • function 构造函数名(){
            this.属性=值;
            this.方法=function(){
        
            }
        
        }
      • 调用

        var obj=new Start(参数);

        【注意】

        • 构造函数名字首字母要大写
        • 我们构造函数不需要return 就可以返回结果
        • 调用构造函数 必须使用 new
        • 只要new 构造函数名() 就创建了一个对象
  4. new 关键字执行过程

    • new 构造函数可以在内存中创建一个空的对象
    • this 就会指向刚才创建的空对象
    • 执行构造函数里面的代码 给这个空对象添加属性和方法
    • 返回这个对象
  5. 遍历对象

    • for...in 语句用于对数组或者对象的属性进行循环操作

      for (var k in 对象){
          //k是属性名
          //对象名[k];输出属性值
      }

js对象

标签:结果   冒号   函数名   参数   log   封装   成员   turn   ons   

原文地址:https://www.cnblogs.com/SSPOFA/p/11979990.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!