Function assertProp

vue.js:2406–2461

* Assert whether a prop is valid. * 断言一个属性是否有效。 * * * * prop, //属性的type值 key, //props属性中的key value, //view 属性的值 vm, //组件构造函数 absent //false

(
        prop,  //属性的type值
        name, //props属性中的key
        value, //view 属性的值
        vm, //组件构造函数
        absent//false
    )

    function assertProp(
        prop,  //属性的type值
        name, //props属性中的key
        value, //view 属性的值
        vm, //组件构造函数
        absent//false
    ) {
        //必须有required 和 absent
        if (prop.required && absent) {
            warn(
                'Missing required prop: "' + name + '"',
                vm
            );
            return
        }
        //如果vual 为空 或者 不是必填项 则不执行下面代码
        if (value == null && !prop.required) {
            return
        }
        //类型
        var type = prop.type;

        //如果类型为真 或者类型 不存在
        var valid = !type || type === true;

        var expectedTypes = [];

        if (type) { //如果type存在
            if (!Array.isArray(type)) {  //如果不是数组
                type = [type];  //再包裹成数组
            }
            for (var i = 0; i < type.length && !valid; i++) {
                var assertedType = assertType(value, type[i]);
                expectedTypes.push(assertedType.expectedType || '');
                valid = assertedType.valid;
            }
        }
        if (!valid) {
            warn(
                "Invalid prop: type check failed for prop \"" + name + "\"." +
                " Expected " + (expectedTypes.map(capitalize).join(', ')) +
                ", got " + (toRawType(value)) + ".",
                vm
            );
            return
        }
        var validator = prop.validator;
        if (validator) {
            if (!validator(value)) {
                warn(
                    'Invalid prop: custom validator check failed for prop "' + name + '".',
                    vm
                );
            }
        }
    }

    //检测数据类型 是否是String|Number|Boolean|Function|Symbol 其中的一个数据类型