js中使用for...in...遍历对象属性值出现undefined

for...in... 循环可以遍历对象自身的属性和继承自原型链的属性，前提是该属性是可遍历的，即属性描述对象中enumerable值为true，但是在循环体内，属性值的读取只能使用['k']形式，不能使用.k形式，因为.k形式会被处理为['k'], 这里的k是字符串，当对象没有k属性的时候，返回值就是undefined，如果有k属性，遍历的所有属性值都将是obj.k

        var obj_f = {
            name: 'alpha',
        }
        var obj_s = Object.create(obj_f, {
            p1: {
                value: 111,
                enumerable: true
            }
        })
        console.log(obj_s);
        for (var k in obj_s) {
            console.log(k + ': ' + obj_s.k);
        }
        // p1: 222
        // name: 111
        // 为什么只有使用[]才可以遍历属性值，不能用点，因为计算机会将.k处理为['k']，并没有k这个属性，所以得到undefined
        // 如果有k这个属性，就能得到obj.k

输出值：

{p1: 111}
p1: undefined
name: undefined

将name改为k，观察结果

        var obj_f = {
            k: 'alpha',
        }
        var obj_s = Object.create(obj_f, {
            p1: {
                value: 111,
                enumerable: true
            }
        })
        console.log(obj_s);
        for (var k in obj_s) {
            console.log(k + ': ' + obj_s.k);
        }

{p1: 111}
p1: alpha
k: alpha