• js基础


    1. Object.create

    2. Object.freeze()

    用法:

    Object.freeze(a) //使得object a 里面的属性值readonly, 不可改变

    但是a也仅仅是浅冻住、

    如果 a = {b:{c:2}}, Object.freeze(a)

    然后 a.b.c = 5;

    最终a.b.c 变成了5

    3. react pureComponent

    export default function PureComponent(props, context) {
        Component.call(this, props, context)
    }
    
    PureComponent.prototype = Object.create(Component.prototype) 
    PureComponent.prototype.constructor = PureComponent //原型链继承
    PureComponent.prototype.shouldComponentUpdate = shallowCompare
    
    function shallowCompare(nexProps, nextState) {
        return !shallowEqual(this.props, nextProps) || !shollowEqual(this.state, nextState)
    }

    //shallowEqual
    export default function shallEqual(objA, objB) {
        // 从后面代码可以看出,对于两个对象的比较为这里的代码
        if (objA === objB) {
            return true;
        }
    
        if (typeof objA !== 'object' || objA === null ||
            typeof objB !== 'object' || objB === null) {
            return false;
        }
    
        const keysA = Object.keys(objA);
        const keysB = Object.keys(objB);
    
        if (keysA.length !== keysB.length) {
            return false;
        }
    
        // Test for A's keys different from B.
        for (let i = 0; i < keysA.length; i++) {
            if (!objB.hasOwnProperty(keysA[i]) || objA[keysA[i]] !== objB[keysA[i]]) {
                return false;
            }
        }
    
        return true;
    }
    

      4. object.keys是非原型链的属性值。同hasOwnProperty

    hasOwnProperty.call(config, propName) &&
    !RESERVED_PROPS.hasOwnProperty(propName)

    5. Array(4)

    返回长度为4的空数组

    6. react的基础

    element.$$typeof = REACT_ELEMENT_TYPE 

    const symbolFor = Symbol.for;
      REACT_ELEMENT_TYPE = symbolFor('react.element');
  • 相关阅读:
    泛型技巧系列:如何提供类型参数之间的转换
    一些支离破碎的泛型反射技巧
    泛型技巧系列:类型字典和Type Traits
    Excel开发:简化工作表中选定区域的操作。
    趣味程序:打印自己代码的程序
    VBF BETA 1.5 发布了
    .NET 2.0 CER学习笔记
    随笔乱入,开心就好
    Cocos2dx for WindowsPhone:开发一个打地鼠游戏(下)
    跨平台网络游戏趋势和优势
  • 原文地址:https://www.cnblogs.com/connie313/p/14856097.html
Copyright © 2020-2023  润新知