JSON对象

1、js对象(数组) —> json对象(数组)：

  1. JSON.stringify(obj/arr)

2、json对象(数组) —> js对象(数组)：

  1. JSON.parse(json)

上面这两个方法是ES5中提供的。
通常所说的”json字符串”，只有两种：json对象，json数组

typeof json字符串 返回的是 string

Object的扩展

ES5给Object扩展了一些静态方法，常用的有2个

方法一

  1. Object.create(prototype, [descriptors])

作用: 以指定对象为原型，创建新的对象。

同时，第二个参数可以为为新的对象添加新的属性，并对此属性进行描述。

举例1**：（没有第二个参数时）

  1. var obj1 = {username: 'smyhvae', age: 26};
  2. var obj2 = {address:'shenzhen'};
  4. obj2 = Object.create(obj1);
  5. console.log(obj2);

**

举例2：（有第二个参数时）
第二个参数可以给新的对象添加新的属性。我们修改上面的代码，尝试给obj2添加新属性sex：

  1. var obj1 = {username: 'smyhvae', age: 26};
  2. var obj2 = {address: 'shenzhen'};
  4. obj2 = Object.create(obj1, {
  5.   sex: {//给obj2添加新的属性`sex`。注意，这一行的冒号不要漏掉
  6.     value: '男',  //通过value关键字设置sex的属性值
  7.     writable: false,
  8.     configurable: true,
  9.     enumerable: true
  10.   }
  11. });
  13. console.log(obj2);

上方代码中，我们通过第5行的sex给obj2设置了一个新的属性sex，但是要通过value来设置属性值（第6行）。
设置完属性值后，这个属性值默认是不可修改的，要通过writable来设置。总而言之，这几个关键字的解释如下：

  • value：设置属性值。
  • writable：标识当前属性值是否可修改。如果不写的话，默认为false，不可修改。
  • configurable：标识当前属性是否可以被删除。默认为false，不可删除。
  • enumerable：标识当前属性是否能用 for in 枚举。 默认为false，不可。


单独设置属性

  1. Object.defineProperty(obj2, 'sex', {
  2.         value: 'cc',
  3.         writable: true,
  4.         configurable: true,
  5.         enumerable: true,
  6.       });

**

方法二

  1. Object.defineProperties(object, descriptors)

作用：为指定对象定义扩展多个属性。

  1. var obj2 = {
  2.   firstName : 'smyh',
  3.   lastName : 'vae'
  4. };
  5. Object.defineProperties(obj2, {
  6.   fullName : {
  7.     get : function () {
  8.       return this.firstName + '-' + this.lastName
  9.     },
  10.     set : function (data) {  //监听扩展属性，当扩展属性发生变化的时候自动调用，自动调用后将变化的值作为实参注入到set函数
  11.       var names = data.split('-');
  12.       this.firstName = names[0];
  13.       this.lastName = names[1];
  14.     }
  15.   }
  16. });
  17. console.log(obj2.fullName);
  18. obj2.firstName = 'tim';
  19. obj2.lastName = 'duncan';
  20. console.log(obj2.fullName);
  21. obj2.fullName = 'kobe-bryant';
  22. console.log(obj2.fullName);
  • get ：用来获取当前属性值的回调函数
  • set ：修改当前属性值得触发的回调函数，并且实参即为修改后的值

存取器属性：setter,getter一个用来存值，一个用来取值。

Object的扩展（二）

obj对象本身就自带了两个方法。格式如下：

  • get 属性名(){} 用来得到当前属性值的回调函数
  • set 属性名(){} 用来监视当前属性值变化的回调函数

举例如下：

  1. var obj = {
  2.   firstName : 'kobe',
  3.   lastName : 'bryant',
  4.   get fullName(){
  5.     return this.firstName + ' ' + this.lastName
  6.   },
  7.   set fullName(data){
  8.     var names = data.split(' ');
  9.     this.firstName = names[0];
  10.     this.lastName = names[1];
  11.   }
  12. };
  13. console.log(obj.fullName);
  14. obj.fullName = 'curry stephen';
  15. console.log(obj.fullName);

{} 就是一个对象， () 表示一个函数，类似字典那样可以给变量赋值，值可以是函数（不需要写函数名）； 可以凭空多一个 get 和 set 来控制对象内变量的变化； 对象内的数值可以设置参数； 对象内的变量叫做 属性；

数组的扩展

方法1：数组的第一个下标

  1. Array.prototype.indexOf(value)

作用：获取 value 在数组中的第一个下标。

方法2：最后一个数组的下标

  1. Array.prototype.lastIndexOf(value)

作用：获取 value 在数组中的最后一个下标。

方法3：遍历数组

  1. Array.prototype.forEach(function(item, index){})


方法4：map方法，迭代处理数组中的每一个元素

  1. Array.prototype.map(function(item, index){})

作用：遍历数组返回一个新的数组，返回的是加工之后的新数组。

方法5：filter方法，过滤数组，保留符合条件的元素组成新数组

  1. Array.prototype.filter(function(item, index){})

作用：遍历过滤出一个新的子数组，返回条件为true的值。

函数function的扩展：bind()

  1. Function.prototype.bind(obj)

作用：将函数内的this绑定为obj, 并将函数返回。

call()、apply()和bind()的区别？

  • 都能改变this的指向
  • call()/apply()是立即调用函数
  • bind()：绑定完this后，不会立即调用当前函数，而是将函数返回，因此后面还需要再加()才能调用。
  • bind()传参的方式和call()一样。


为什么ES5中要加入bind()方法来改变this的指向呢？

因为bind()不会立即调用当前函数。
bind()通常使用在回调函数中，因为回调函数并不会立即调用。如果你希望在回调函数中改变this，不妨使用bind()。