297 hasOwnProperty 与 in

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        // hasOwnProperty  
        // 语法： 对象.hasOwnProperty("属性名");
        // 该方法的作用： 可以检测一个属性是否是对象自身的，如果是，返回true，否则返回false

        // hasOwnProperty 是 Object.prototype原型上的方法
        // console.log(Object.prototype);


        function Person(name){
            this.name = name;
        }

        Person.prototype.gender = "male";

        var p = new Person("zs");

        // console.log(p);
        console.log(p.hasOwnProperty("name"));  // true
        console.log(p.hasOwnProperty("gender"));  // false
        
        // 检测p对象自身有没有 hasOwnProperty 属性
        // 该方法是来源于 Object.prototype 原型上的
        // p实例对象可以访问 hasOwnProperty 该方法
        console.log(p.hasOwnProperty("hasOwnProperty"));  // false

        // 数组本身没有push / pop 等方法，这些方法都是存在于数组的原型上（Array.prototype）,[] 是可以访问数组原型上的这些方法的。
        console.log([].hasOwnProperty("push")); // false 


        /*小结：
        hasOwnProperty 在 Object.prototype 原型上
        语法： 对象.hasOwnProperty("属性名");
        作用： 是检测属性是否是对象自身的。*/
    </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        /*hasOwnProperty 与 in 比较

        in  在 for...in中有使用
        in 单独使用
        语法： 属性名 in 对象
        作用： 检测对象是否可以使用该属性，如果可以，返回true
              无论该属性是对象自身的还是原型链上的，只要能够使用到，都返回true.
        hasOwnProperty 作用： 判断属性是否是自身的。*/


        function Person(name){
            this.name = name;
        }

        Person.prototype.gender = "male";
        Object.prototype.sex = "female";

        var p = new Person("zs");

        // p 能否使用name属性
        console.log("name" in p);  // true
        console.log("gender" in p);  // true
        console.log("hasOwnProperty" in p);  // true



        // hasOwnProperty 的使用场景：

        // p 的原型链：
        // p ==> person.prototype  ==> Object.prototype ==> null;

        for(var k in p){
            // 需求： 打印的k只打印对象p自身本身的属性  --- 过滤出对象自身的属性即可
            if(p.hasOwnProperty(k)){
                console.log(k); // true，说明k遍历所代表的属性是p对象自身的
            }

            // 沿着原型链遍历属性
            console.log(k); // name  gender  sex
        }


        /*小结：
         in  语法：   "属性名" in 对象
             作用： 检测属性是否可以使用
         hasOwnProperty
             语法:  对象.hasOwnProperty("属性名")
             作用：检测属性是否是对象自身的
             使用场景：  for ... in 循环中过滤出对象自身的属性*/
    </script>
</body>
</html>