你的位置:首页 > Java教程

[Java教程]Object.prototype和Function.prototype一些常用方法


Object.prototype

方法:

  1. hasOwnProperty 概念:用来判断一个对象中的某一个属性是否是自己提供的(主要是判断属性是原型继承还是自己提供的) 语法:对象.hasOwnProperty('属性名')
      var o = { name: 'jim' };      function Person() {        this.age = 19;        this.address='北京';        this.work='上海';      }      Person.prototype = o;      var p = new Person();      console.log( p.hasOwnProperty( 'name' ) ); // false 这个 name 属性不是自己提供的      console.log( p.hasOwnProperty( 'age' ) ); // true 这个 nage 属性是自己提供的      //for in 遍历对象时 有时希望遍历的是对象自己提供的成员而不是从原型那里继承的      for(var k in p){        if(p.hasOwnProperty(k)){          console.log(k);        }      }
  1. isPrototypeOf 概念:判断是不是对象的原型 ;前面这个对象是否在后面这个对象的原型链上 语法:对象.isPrototypeOf(对象)
      var o = { name: 'jim' };      function Person() {        this.age = 19;        this.address='北京';        this.work='上海';      }      var p1 = new Person();      Person.prototype = o;      var p2 = new Person();      console.log( o.isPrototypeOf( p1 ) ); //false o 不是 p1 的原型      console.log( o.isPrototypeOf( p2 ) );//true o 是 p2 的原型      console.log( Object.prototype.isPrototypeOf( p1 ) );//true Object.prototype 在 p1 的原型链上      console.log( Object.prototype.isPrototypeOf( p2 ) );//true Object.prototype 在 p2 的原型链上
  1. propertyIsEnumerable 概念:判断对象的某一个属性是不是自己提供的( 与 hasOwnProperty 一样 ), 同时该属性要求可枚举( for-in 遍历出来) 4.补充:(获得对象类型的方法 typeof) toString 用法:Object.prototype.toString.call(对象)->[Object 构造函数名]

Function.prototype

方法: 1.apply call 用法:上下文调用模式,自定义设置this的含义

语法: 函数名.apply(对象,[参数]) 函数名.call(对象,参数)

描述:

  1. 函数名就是表示函数本身,使用函数进行调用的时候默认this 就是全局变量

  2. 函数名是方法时,this是指当前对象

  3. 使用apply调用后,无论是函数还是方法this都由apply的第一个参数决定

注意:

  1. 如果函数或方法中没有this的操作,无论什么调用都一样

  2. 如果是函数调用foo(),有点像foo.apply(window)

  3. 如果是方法调用o.method(),有点像o.method.apply(o)

参数问题:如果函数或方法无参数时,用call或是apply都一样

第一个参数的使用规则:

  1. 如果传入的是一个对象,就是设置该函数或方法中的this指向这个对象
    var func2 = function() {        this.name = "程序员";      };      var o={name:'xjj'};      func2.apply(o);      console.log(o.name);// 程序员
  1. 如果不传参或传入为null undefined等 this默认为window

  2. 如果传入的是基本数据类型,this就指向这个基本类型对应的包装类型的引用

第二个参数:在使用上下文调用时,如果原函数或方法有参数,那么就使用第二个参数来表示

应用:上下文调用只是能修改this,但是最多使用的是借用函数调用

    var a = {};    a[ 0 ] = 'a';    a[ 1 ] = 'b';    a.length = 2;    var arr=[];    var newArr=arr.push.apply(arr,a);    push 返回所加元素的个数,newArr=2;arr=["a", "b"]    a是一个伪数组,无法使用数组的方法,    处理数组转换,可以使用apply将数组或伪数组展开的特性,将元素一个一个取出来构成一个新数组

在来一个例子:

    var a = { length: 0 };    a[ a.length++ ] = 'abc';    a[ a.length++ ] = 'def';    var arr=[];    var newArr=arr.slice.apply(a,[0]);     结果为:    newArr=["abc", "def"];    slice语法:        arr.slice( index, endIndex ) 从index开始,endIndex取不到 返回的是截取到元素        如果第二个参数不传, 那么就是 从 index 一致获取到结尾,该方法不会修改原数组

2.caller 概念:一般不推荐使用. 获得函数的调用者.

3.bind 概念:绑定, 这个语法来源于 ES5

    var f = document.getElementById;     f( 'id' ); //这样会报错 非法调用     f.call( document, 'id' );     或者换一种方式:     var f = document.getElementById.bind( document );     f( 'id' ); //这样不会报错
  1. instanceof 运算符 概念:判断对象是不是由指定构造方法所创建或者说构造函数的原型属性是否在对象所在的原型链上. 语法: 对象 instanceof 函数 描述: '函数.prototype' 是否在 '对象' 的原型链上

       function Person() {}   var p = new Person();   console.log( p instanceof Person );//true
     function Person(){}; var p1=new Person(); Person.prototype={}; var p2=new Person(); console.log(p1 instanceof Person); //false Person.prototype不在 p1 的原型链上 console.log(p2 instanceof Person); //true Person.prototype在 p2 的原型链上