Javascript Objects - Javascript语法基础 - Javascript核心

wzyplus 发布于2019-08-19 14:47 / 2284人阅读

摘要：创建对象对象直接量构造函数原型继承类继承对象拥有自有属性和继承属性。遍历顺序是以广度优先遍历所以使用便可以判断是否是对象自有的属性。可执行对象通过如下方法可以创建一个可执行对象既可以当作对象来使用有原型链，也可以当作函数来直接调用

原文: http://pij.robinqu.me/Javascript_Core/Javascript_Basics/Objects.html

源代码： https://github.com/RobinQu/Programing-In-JavaScript/blob/master/chapters/JavaScript_Core/Javascript_Basics/Objects.md

本文需要补充更多例子

本文存在批注，但该网站的Markdown编辑器不支持，所以无法正常展示，请到原文参考。

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

既可以当作对象来使用（有原型链），也可以当作函数来直接调用

海外云主机服务器托管 javascript语法基础 javascript基础语法 javascript 语法 javascript核心

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/78110.html

ES6特性概述 - ES6 - ECMAScript特性 - Javascript核心

摘要：特性概述比较新特性更多。之后后分篇描述目前已经比较成熟的语法特性例如和。同上，但返回该元素的索引号。和对象的属性行为一致。不将参数强制转行为。判断是否为在范围内的正整数。不少层面的特性可以通过进行兼容性支持。原文： http://pij.robinqu.me/JavaScript_Core/ECMAScript/es6/es6_api_extension.html 源...

Ali_ 2019-08-19 14:50 评论0 收藏0
[译]React 元素 vs React 组件 vs 组件支撑实例

摘要：元素和组件实例都不表示真实元素。我希望这篇文章能够帮助你理清这些术语参考资料翻译成支撑实例来自于理解中方法创建组件的声明式编程和命令式编程的比较对循环提示增加的研究精髓之一算法本篇为译文，原文出处：React Elements vs React Components vs Component Backing Instances 许多人可能听说过 Facebook 的 React 库，...

gnehc 2019-08-20 16:02 评论0 收藏0
重学前端学习笔记（九）--JavaScript中的对象分类

摘要：固有对象由标准规定，随着运行时创建而自动创建的对象实例。普通对象由语法构造器或者关键字定义类创建的对象，它能够被原型继承。笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有winter的语音】，如有侵权请联系我，邮箱：ka...

ShowerSun 2019-08-02 16:16 评论0 收藏0
重学前端学习笔记（九）--JavaScript中的对象分类

摘要：固有对象由标准规定，随着运行时创建而自动创建的对象实例。普通对象由语法构造器或者关键字定义类创建的对象，它能够被原型继承。笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有winter的语音】，如有侵权请联系我，邮箱：ka...

tinna 2019-08-30 10:48 评论0 收藏0