• javascript基础(六)对象


    原文http://pij.robinqu.me/

    JavaScript Objects

    创建对象

    对象直接量

    var  o = {
        foo : "bar"
    }
    

    构造函数

    var o = new Object();

    原型继承

    var p = Object.create(o);
    

    类继承

    JavaScript对象拥有自有属性和继承属性。

      在查询对象o的属性x时,先查找o中的属性x,如果没找到,则查找o的原型对象中的x属性,直到查找到x或者一个原型是null的对象为止

      在给对象o的x属性赋值时,如果o中已经有一个自有属性x,则改变x的值,若o中不存在属性x,则为o创建一个x属性并赋值

      也就是说,只有在查询时原型链才会起作用。

    var O = {
        x : 1
    };
    
    function P() {
        this.y = 2;
    }
    
    P.prototype = O;
    
    var t = new P();
    console.log(t);
    console.log('x' in t);//true
    console.log(t.hasOwnProperty('x'));//false
    

    可以使用in 或者 hasOwnProperty 来判断对象中是否存在属性。

    对象属性

    遍历对象属性

    可以使用 for..in 来遍历对象的属性

    使用for..in时会遍历到原型链上的属性。遍历顺序是以广度优先遍历

    所以使用hasOwnProperty便可以判断是否是对象自有的属性。

    对象属性的特性

    使用Object.getOwnPropertyDescriptor()获取对象特定属性的描述符

    可写性(writable) 表示对象属性是否可写

    例如

    var o = {
        foo    : 'bar'
    }
    
    Object.defineProperty(o, "foo", { writable : false });
    
    o.foo = 'world';
    console.log(o.foo);//仍然输出bar
    

    可枚举性(enumerable) 表示对象属性是否可枚举

    例如
    Array中的length等属性的 enumerable是false,所以,

    for (p in Array) {
        console.log(p);
    }
    

    什么也不输出

    可配置性(configurable) 表示可否修改属性的可配置性和可枚举性

    可以用Object.defineProperties来定义这些配置属性。

    Object.defineProperty(o, "foo", { writable : false });
    

    Get 表示获取对象属性的方法
    Set 表示设置对象属性的方法

    示例

    var book = {
        _year: 2004,
        edition: 1
    };
    Object.defineProperty(book, "year", {
        get: function () {
            console.log('get year');
            return this._year;
        },
        set: function (newValue) {
            console.log('set year');
            if (newValue > 2004) {
                this._year = newValue;
                this.edition += newValue - 2004;
            }
        }
    });
    book.year = 2005;//控制台输出‘set year’
    console.log(book.year);//控制台输出‘get year’和year的值
    

    对象方法

      toString 将对象转换成字符串,默认的转换会是[object Object]之类的东西,所以需要转成json格式的话可以用JSON.stringify

      valueOf 需要将对象转换成其他类型的时候要用到。同样的,默认转换没什么值得说的。

    可执行对象

    通过如下方法可以创建一个可执行对象

    function bar(o) {
        var f = function() { return "Hello World!"; }
        o.__proto__ = f.__proto__;
        f.__proto__ = o;
        return f;
    }
    
    var o = { x: 5 };
    var foo = bar(o);
    
    console.log(foo());
    console.log(foo.x);
    console.log(typeof foo);//function
    

    既可以当作对象来使用(有原型链),也可以当作函数来直接调用

    请把你的疑问评论在下方。
  • 相关阅读:
    css 透明气泡效果
    uniapp 跳转tabbar页面传递参数
    unaipp 发送验证码倒计时
    uniapp 返回顶部
    js 实现放大镜效果
    js 禁用右键菜单和禁止复制
    js 表格的添加和删除操作
    js 留言板(带删除功能)
    推荐几个好用的网站
    pc端使用rem适配
  • 原文地址:https://www.cnblogs.com/zzcit/p/5710490.html
Copyright © 2020-2023  润新知