Cesium原理篇：Property.docVIP

Cesium原理篇：Property 之前主要是Entity的一个大概流程，本文主要介绍Cesium的属性，比如defineProperties，Property（ConstantProperty，CallbackProperty，ConstantPositionProperty）以及createPropertyDescriptor的相关内容，研究一下Cesium对Object的属性设计和使用方式。 我们以Entity为例，看看它是如何封装自己的属性： 复制代码 function Entity(options) { var id = options.id; if (!defined(id)) { id = createGuid(); } this._id = id; this._name = ; this._description = undefined; this._position = undefined; this._rectangle = undefined; } // Key 1:defineProperties defineProperties(Etotype, { id : { get : function() { return this._id; } }, // Key 2:createRawPropertyDescriptor name : createRawPropertyDescriptor(name), // Key 3:createPropertyDescriptor description : createPropertyDescriptor(description), // Key 4:createPositionPropertyDescriptor position : createPositionPropertyDescriptor(position), // Key 5:createPropertyTypeDescriptor rectangle : createPropertyTypeDescriptor(rectangle, RectangleGraphics) }); 复制代码 如上，我截取了五个属性：id，name，description，position，rectangle。每个属性的创建方式可以说大同小异。下面看看用户是如何使用Entity的这些属性： var obj = new Cesium.Entity(); var id = obj.id; obj.id = 123; // 不起作用 = Hello World obj.description = empty entity; 如上说明亮点，Cesium中的成员变量和属性方法之间就是一个下划线_，比如成员变量为_id，对应的属性方法为id，这是Cesium中的一个规范。另外这些属性也是提供了setget方法来进行赋值和取值，所以可以直接通过=运算符。下面我们由易到难，分别介绍。 defineProperties Cesium.defineProperties本质上就是Object.defineProperties。我们不妨看一下它的定义： Object.defineProperties(obj, props) 结合之前Entity.id代码，我们大概可以掌握通过Object.defineProperties封装多个属性的方式。通过下面这个范例，我们来强化一下理解： 复制代码 function obj(){ this._id = undefined; } var o1 = new obj(); Object.defineProperties(totype, { // or o1 property1: { //value: Hello, //writable:true set: function(value){ this._id = value; }, get: function(){ return this._id; } }, property2: { value: Hello, writable: false, configurable:false } // etc. etc. }); perty1