JS07

对象

一、定义

1、世间万物都可以用对象表示

2、基于对象的编程语言中,用对象给真实的事物建模

组成:属性 方法

二、Javascript对象介绍

1、对象是javascript的一种数据类型

2、对象是一种复合值 它将很多值聚合在一起,可通过名字访问这些值。

3、对象也可以看做属性的无序集合。每个属性都是 名:值 对。

4、属性名是字符串,我们可以把对象看成是从字符串到值的映射。

5、对象的其他叫法:散列(hash) 散列表(hashtable) 字典(direction) 关联数组(associative array)

三、JavaScript对象分类

1、内置对象 如: 数组 函数 日期 正则 等...

2、宿主对象 htmlElement对象是Js的宿主浏览器的对象

        浏览器中 window对象 (BOM 和 DOM)

        Node中 global 对象

3、自定义对象 用户自定义的对象

四、对象的创建

1、使用对象直接量

        console.log({});

        console.log({list:[10,23,243]});

        var oop = {name:’大毛’,list:[1,2,3],getName:function(){}};

2、通过构造函数(new)创建对象

        var oop = new Array();

        var oop = new Function();

        var oop = new Object();

        console.log(oop);

3、通过Object.create(); --ECMA5定义的方法

        传入原型

        不继承构造函数和原型中的方法属性

        var o = Object.create();

五、对象属性值的获取

.1、运算符

        ECMA老版本.for 或者.of 是非法 ECMA5放宽了限制,但是不建议使用

2、[ ] 运算符

        var oop={name:’lili’,age:12}

        document.write(oop.name);

        document.write(oop[‘name’]);

3、区别

        当属性名为变量时 只能使用[ ]

六、属性修改或设置

        oop.name="abc";

        oop['name']="abc";

七、对象方法的调用

        var oop = {name:'aa',age:12,getInfo:function(a){

                document.write(a);return 100;}

        }

        oop.getInfo();

        oop.getInfo('aa');

八、全局对象window

1、预定义的对象 作用域链的顶层

2、用户定义的变量是全局对象的属性

3、用户定义的函数是全局对象的方法

九、对象中的this

        调用本方法的对象

十、删除对象属性或方法

        delete oop.age;

        delete getInfo;

十一、对象属性的检测

        使用关键字 in document.write('name' in o);

十二、对象的直接量书写方式 --json格式

        var oop = {

                name:’xx’,

                age:13,

                getInfo:function(){},

                "if":[],                    //关键字使用引号

                "color":'黑色',

                "cpu-i5":1500              //带-使用引号

        }

十三、对象的遍历

       var o = {x:1,y:2,z:3}

1、使用 for in 遍历出对象的属性名

       for(var i in o){document.write(i)}

2、使用Object.keys(o) 将属性名遍历到数组中

十四、数据结构的认识

1、https://developers.douban.com/    远程数据API

2、http://api.douban.com/v2/movie/in_theaters

3、http://api.douban.com//v2/movie/coming_soon

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,807评论 0 8
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,026评论 19 139
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,780评论 18 399
  • 2015年2月14日 ,年二十六。有阳光,晴好。 今天开始在简书正式开创自己的文字专栏啦~(捂脸害羞)虽说...
    zony阅读 185评论 0 1
  • 以上图片来自源于网络
    sky_小渣阅读 247评论 0 1