有关js原型的系列方法

最近一直在看js原型，书上讲了好多方法，总是弄混淆了，这里做一个解释总结，也算对自己学习的一种巩固

检测类方法

1.hasOwnProperty()方法

作用： 检测一个属性存在于对象实例还是原型中
返回值： 对象实例（true），原型（false）

function Person(age){    this.age = age;}Person.prototype.name = "ys";var p1 = new Person();console.log(p1.hasOwnProperty("name"));  //falseconsole.log(p1.hasOwnProperty("age"));   //true

2.in 操作符

作用：检测一个属性是否存在，不管存在于原型还是对象实例
返回值： 有则（true），无则（false），不管属性的位置

function Person(age){    this.age = age;}Person.prototype.name = "ys";var p1 = new Person();console.log("name" in p1);              //trueconsole.log("age" in p1);               //trueconsole.log("sex" in p1);               //false

利用这两个方法结合，可以确定该属性的位置（对象实例，或者原型）

/* * 判断属性是存在于对象还是原型 * *  object -> 对象   name -> 要判断的属性  *  存在于原型中,返回true  存在于对象实例中返回false *   * */ function hasPrototypeProperty(object, name){    return !object.hasOwnProperty(name) && (name in object); }

3.isPrototypeOf()方法

作用：用来判断当前对象是否在传入的参数对象的原型链上
返回值： 在（true），不在（false）

function Person(age){    this.age = age;}var p = new Person(123);console.log(Object.prototype.isPrototypeOf(p));//trueconsole.log(Person.prototype.isPrototypeOf(p));//true

4.propertyIsEnumerable()方法

作用：用来检测属性（必须为实例属性，原型属性不行）是否可以在某个对象被for…in枚举
返回值： 可枚举（true），不可枚举（false）

function Person(age){    this.age = age;}Person.prototype.name = "ys";var p1 = new Person('123');console.log(p1.propertyIsEnumerable('age'));     //trueconsole.log(p1.propertyIsEnumerable('name'));    //false,在原型中   for(var i in p1){    console.log(i); //age,name}

5.javascript中，有两种属性

• 数据属性：js对象属性（平日我们用到的）

var a = {    name: 'ys',    age: 12}

数据属性4个特征描述值

[[Configurable]]：该特性表示是否可以通过delete操作符来删除属性，默认值是true。[[Enumerable]]：表示是否能够通过for…in语句来枚举出属性，默认是true[[Writable]]：表示属性值是否可以修改，默认为true[[Value]]：表示属性的值，默认为undefined

defineProperty()方法修改特征

var obj = {    name: 'aa'};console.log(obj.name);  //aaObject.defineProperty(obj, 'name', {    value: 'ys',    writable: false});obj.name = 'cc';console.log(obj.name);  //ys

• 访问器属性

  [[Configurable]]：该特性表示是否可以通过delete操作符来删除属性，默认值是true。[[Enumerable]]：表示是否能够通过for…in语句来枚举出属性，默认是true[[Get]]：读取属性时调用的函数，默认是undefined[[Set]]：设置属性时调用的函数，默认是undefined

var person = {    name: 'ys',    _age: 12};Object.defineProperty(person, 'age', {    get: function(){        return this._age;    },    //val 为传入的age值    set: function(val){        this._age = val;        //通过name修改age值        this.name = val > 20 ? 'abc' : 'ys';    }})console.log(person.name);   //ysperson.age = 22;console.log(person.name);   //abc

用到set，get函数时候，当对象不具有指定的属性名称时，发生此操作