zoukankan      html  css  js  c++  java
  • 对象中的方法积累

    1.Object.create()

    2. Object.assign() 

    方法用于将所有可枚举的属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。

      语法:Object.assign(target, ...sources)

    var obj = { a: 1 };
    var copy = Object.assign({}, obj);
    console.log(copy); // { a: 1 }

    合并 objects

    var o1 = { a: 1 };
    var o2 = { b: 2 };
    var o3 = { c: 3 };
    
    var obj = Object.assign(o1, o2, o3);
    console.log(obj); // { a: 1, b: 2, c: 3 }
    console.log(o1);  // { a: 1, b: 2, c: 3 }, 注意目标对象自身也会改变。

    3.$.extend()和_.extend()源码解读

    来自:http://blog.csdn.net/zhao351227041/article/details/44598489

    (1)_.extend()

    _.extend()方法是Underscore.js库提供的一个方法,作用是将sources对象中的所有属性拷贝到destination对象中,并返回destination对象。

    _.extend(destination, *sources) 

    从源码可以看出:

    1)._.extend()方法的拷贝是有序的,如果有3个参数,首先将第二个参数中的所有属性拷贝到第一参数对象中,然后将第三个参数中的所有属性拷贝到第一个参数对象中,有相同属性则直接覆盖。

    2).每次拷贝,如果属性是一个对象,则直接将这个对象赋给第一个参数对应属性,即第一个参数引用这个对象属性。

    (2)$.extend()方法源码解读

    分析:

    1).当只有一个非Boolean参数时,$.extend()和$.fn.extend()用于扩展jQuery的功能。其中jQuery.extend()方法能够创建全局函数或者选择器,而jQuery.fn.extend()方法能够创建jQuery对象方法. 具体示例见:http://www.jb51.net/article/49916.htm

    2).多个对象参数时,合并拷贝作用。jQuery.extend([deep], target, object1, [objectN]),把多个对象合并得到新的target,deep是可选的,默认false,设置为true时深拷贝,即递归合并。具体示例见:http://www.cnblogs.com/navy235/archive/2011/05/17/2049120.html

    4.HTML5新特性之Mutation Observer

    来自:http://www.cnblogs.com/jscode/p/3600060.html

    1.描述。Mutation Observer(变动观察器)是监视DOM变动的接口。当DOM对象树发生任何变动时,Mutation Observer会得到通知。

    要概念上,它很接近事件。可以理解为,当DOM发生变动会触发Mutation Observer事件。但是,它与事件有一个本质不同:事件是同步触发,也就是说DOM发生变动立刻会触发相应的事件;Mutation Observer则是异步触发,DOM发生变动以后,并不会马上触发,而是要等到当前所有DOM操作都结束后才触发。

    这样设计是为了应付DOM变动频繁的情况。举例来说,如果在文档中连续插入1000个段落(p元素),会连续触发1000个插入事件,执行每个事件的回调函数,这很可能造成浏览器的卡顿;而Mutation Observer完全不同,只在1000个段落都插入结束后才会触发,而且只触发一次。

  • 相关阅读:
    KnockoutJS(2)-监控属性
    KnockoutJS(1)-数据模型
    Stimulsoft Reports报表工具
    Knockout.js 初探
    web网页的表单排版利器--960css
    用一个div模拟textarea的实现
    正则表达式笔记4-封装class
    正则表达式笔记3
    正则表达式笔记2
    正则表达式笔记1
  • 原文地址:https://www.cnblogs.com/chenguangliang/p/6679321.html
Copyright © 2011-2022 走看看