javaScript 基础知识汇总（十二）

1、属性的标志和描述符

　　属性的标志

　　对象属性除value外还有三个特殊属性，即标志

　　writable ----如果为true，则可以修改，否则它只是只读的。

　　enumerable ----如果为true，则可在循环中列出，否则不列出。

　　configurable -----如果为true，则此属性可以被删除，相应的特性也可以被修改，否则不可以

　　得到这些标志的语法：

　　let descriptor = Object.getOwnPropertyDescriptor(obj,propertyName);

　　obj 需要获取信息的对象

　　propertyName 属性的名称

　　let user = {

　　　　name : "Jhon"

　　};

　　let descriptor = Object.getOwnPropertyDescriptor(user,'name');

　　alert(JSON.stringify(descriptor,null,2));

　　/* property descriptor:
　　{
　　　　 "value": "John",
　　　　"writable": true,
　　　　"enumerable": true,
　　　　"configurable": true
　　}
　　*/

　　标志修改语法：Object.defineProperty(obj,propertyName,descriptor)

 let user = {};

 Object.defineProperty(user, "name", {

   value: "John"

 });

 let descriptor = Object.getOwnPropertyDescriptor(user, 'name');

 alert( JSON.stringify(descriptor, null,  ) );

 /*

 {

   "value": "John",

   "writable": false,

   "enumerable": false,

   "configurable": false

 }

  */

　　设置属性只读

　　let user = {

　　　　name : "Jhon"

　　};

　　Object.defineProperty(user,"name",{

　　　　writable:false

　　});

　　user.name = "XiaoMing";//错误，不能设置只读属性‘name’；

　　不可枚举

　　通过设置 enumerable 标志可以设置属性是否可以枚举　

 let user = {

   name: "John",

   toString() {

     return this.name;

   }

 };

 // 默认情况下，我们的两个属性都会列出：

 for (let key in user) alert(key); // name, toString

 Object.defineProperty(user, "toString", {

   enumerable: false

 });

 // 现在 toString 消失了：

 for (let key in user) alert(key); // name

　　不可配置

　　通过设置configurable 标志，来控制属性是否可以修改

 let user = { };

 Object.defineProperty(user, "name", {

   value: "John",

   writable: false,

   configurable: false

 });

 // 不能修改 user.name 或 它的标志

 // 下面的所有操作都不起作用：

 //   user.name = "Pete"

 //   delete user.name

 //   defineProperty(user, "name", ...)

 Object.defineProperty(user, "name", {writable: true}); // 错误

　　Object.defineProperties

　　一次定义多个属性，语法和示例如下：

 Object.defineProperties(obj, {

   prop1: descriptor1,

   prop2: descriptor2

   // ...

 });

 Object.defineProperties(user, {

   name: { value: "John", writable: false },

   surname: { value: "Smith", writable: false },

   // ...

 });

　　Object.getOwnPropertyDescriptors(obj)

　　一次获取所有属性描述

　　语法：let clone = Object.defineProperties({}, Object.getOwnPropertyDescriptors(obj));

2、属性的getter 和 setter

　　getter 和 setter　　

 let obj = {

   get propName() {

     // getter, the code executed on getting obj.propName

   },

   set propName(value) {

     // setter, the code executed on setting obj.propName = value

   }

 };

　　访问器描述符　

get —— 一个没有参数的函数，在读取属性时工作，
set —— 带有一个参数的函数，当属性被设置时调用，
enumerable —— 与数据属性相同，
configurable —— 与数据属性相同。

　　兼容性

 function User(name, birthday) {

   this.name = name;

   this.birthday = birthday;

   // age 是由当前日期和生日计算出来的

   Object.defineProperty(this, "age", {

     get() {

       let todayYear = new Date().getFullYear();

       return todayYear - this.birthday.getFullYear();

     }

   });

 }

 let john = new User("John", new Date(, , ));

 alert( john.birthday ); // birthday 是可访问的

 alert( john.age );      // ...age 也是可访问的

这个例子主要解决了，当存储表示一个可以互相转换的值。

3、原型继承

　　Prototype

　　Prototype 是内部隐藏的，但是可以通过_proto_设置

　　let animal = {

　　　　eats:true

　　};

　　let rabbit = {

　　　　jumps：true

　　};

　　rabbit._proto_=animal;

　　alert(rabbit.eats);

　　alert(rabbit.jumps);

4、函数原型

F.prototype 属性与 [[Prototype]] 不同。F.prototype 唯一的作用是：当 new F() 被调用时，它设置新对象的 [[Prototype]]。
F.prototype 的值应该是一个对象或 null：其他值将不起作用。

"prototype" 属性在设置为构造函数时仅具有这种特殊效果，并且用 new 调用。

 let animal = {

   eats: true

 };

 function Rabbit(name) {

   this.name = name;

 }

 Rabbit.prototype = animal;

 let rabbit = new Rabbit("White Rabbit"); //  rabbit.__proto__ == animal

 alert( rabbit.eats ); // true

5、原生的原型

所有的内置对象都遵循一样的模式：
- 方法都存储在原型对象上（Array.prototype、Object.prototype、Date.prototype 等）。
- 对象本身只存储数据（数组元素、对象属性、日期）。
基本数据类型同样在包装对象的原型上存储方法：Number.prototype、String.prototype 和 Boolean.prototype。只有 undefined 和 null 没有包装对象。
内置对象的原型可以被修改或者被新的方法填充。但是这样做是不被推荐的。只有当添加一个还没有被 JavaScript 引擎支持的新方法的时候才可能允许这样做。

6、原型方法

Object.create(proto[, descriptors]) —— 利用给定的 proto 作为 [[Prototype]] 来创建一个空对象。
Object.getPrototypeOf(obj) —— 返回 obj 的 [[Prototype]]（和 __proto__ getter 相同）。
Object.setPrototypeOf(obj, proto) —— 将 obj 的 [[Prototype]] 设置为 proto（和 __proto__ setter 相同）。
Object.keys(obj) / Object.values(obj) / Object.entries(obj) —— 返回包含自身属性的名称/值/键值对的数组。
Object.getOwnPropertySymbols(obj) —— 返回包含所有自身 symbol 属性名称的数组。
Object.getOwnPropertyNames(obj) —— 返回包含所有自身字符串属性名称的数组。
Reflect.ownKeys(obj) —— 返回包含所有自身属性名称的数组。
obj.hasOwnProperty(key)：如果 obj 拥有名为 key 的自身属性（非继承得来），返回 true。

　　同时我们还明确了 __proto__ 是 [[Prototype]] 的 getter/setter，位置在 Object.prototype，和其他方法相同。

　　我们可以不借助 prototype 创建一个对象，那就是 Object.create(null)。这些对象被用作是「纯字典」，对于它们而言 "__proto__" 作为键没有问题。

　　所有返回对象属性的方法（如 Object.keys 以及其他）—— 都返回「自身」属性。如果我们想继承它们，我们可以使用 for...in。