浅谈JavaScript的继承属性和自身属性
1、什么是继承属性?什么是自身属性?
先上图
1.jpg
途中我们很清楚的看到,定义了函数Person,函数自身的属性在函数的内部定义,每一个对象的属性name值都是不一样的,但是在函数原型上定义的name属性时所有的对象都共享的。所以继承属性的优势就可以看到了,当我们对象上有共通的属性或方法,这时就可以把它放到原型上去,让所有的实例共享这些属性或方法。
2、遍历
js为我们提供了很多遍历对象属性的方法,下面一一举例说明。
1、 for in
2.jpg
遍历出了所有person 的自身属性
2、Object.keys()
3.jpg
遍历出了所有person 的自身属性
3. Object.getOwnPropertyNames()
4.jpg
遍历出了所有person 的自身属性
但是上面的这些遍历方法是遍历不出不可枚举属性、继承属性和Symbol属性的比如:
5.jpg
不可枚举属性、继承属性和Symbol属性都没有遍历出来
3、判断
判断属性是否是对象的属性,其中in判断包括了自身属性和继承属性,可以通过hasOwnProperty判断是否是自身属性
6.jpg
4、总结
文章简单的记录了javaScript属性的操作方法,简单说明了继承属性和自身属性的区别。
如果我们熟悉javaScript属性的操作方法,会大大提高我们的代码质量。