Object.prototype和Function.prototype一些常用方法
Object.prototype
方法:
- 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);
}
}
- 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 的原型链上
- propertyIsEnumerable 概念:判断对象的某一个属性是不是自己提供的( 与 hasOwnProperty 一样 ), 同时该属性要求可枚举( for-in 遍历出来) 4.补充:(获得对象类型的方法 typeof) toString 用法:Object.prototype.toString.call(对象)->[Object 构造函数名]
Function.prototype
方法: 1.apply call 用法:上下文调用模式,自定义设置this的含义
语法: 函数名.apply(对象,[参数]) 函数名.call(对象,参数)
描述:
函数名就是表示函数本身,使用函数进行调用的时候默认this 就是全局变量
函数名是方法时,this是指当前对象
使用apply调用后,无论是函数还是方法this都由apply的第一个参数决定
注意:
如果函数或方法中没有this的操作,无论什么调用都一样
如果是函数调用foo(),有点像foo.apply(window)
如果是方法调用o.method(),有点像o.method.apply(o)
参数问题:如果函数或方法无参数时,用call或是apply都一样
第一个参数的使用规则:
- 如果传入的是一个对象,就是设置该函数或方法中的this指向这个对象
var func2 = function() {
this.name = "程序员";
};
var o={name:'xjj'};
func2.apply(o);
console.log(o.name);// 程序员
如果不传参或传入为null undefined等 this默认为window
如果传入的是基本数据类型,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' ); //这样不会报错
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 的原型链上
Object.prototype和Function.prototype一些常用方法的更多相关文章
- Object.prototype 与 Function.prototype 与 instanceof 运算符
方法: hasOwnProperty isPrototypeOf propertyIsEnumerable hasOwnProperty 该方法用来判断一个对象中的某一个属性是否是自己提供的( 住要用 ...
- 一起Polyfill系列:Function.prototype.bind的四个阶段
昨天边参考es5-shim边自己实现Function.prototype.bind,发现有不少以前忽视了的地方,这里就作为一个小总结吧. 一.Function.prototype.bind的作用 其实 ...
- 理解javascript中的Function.prototype.bind
在初学Javascript时,我们也许不需要担心函数绑定的问题,但是当我们需要在另一个函数中保持上下文对象this时,就会遇到相应的问题了,我见过很多人处理这种问题都是先将this赋值给一个变量(比如 ...
- 关于Function.prototype.apply.call的一些补充
宿主对象,在javascript中有三类对象,本地对象,内置对象和宿主对象.其他两类暂且不提,宿主对象是指什么呢(DOM BOM),控制台对象是文档对象模型的扩展,也被认为是宿主对象.那么,它们有什么 ...
- javascript 一些函数的实现 Function.prototype.bind, Array.prototype.map
* Function.prototype.bind Function.prototype.bind = function() { var self = this, context = [].shift ...
- JS魔法堂:再次认识Function.prototype.call
一.前言 大家先预计一下以下四个函数调用的结果吧! var test = function(){ console.log('hello w ...
- JavaScript 函数绑定 Function.prototype.bind
ECMAScript Edition5 IE9+支持原生,作用为将一个对象的方法绑定到另一个对象上执行. Function.prototype.bind = Function.prototype.bi ...
- javascript Function.prototype.bind
语法: fn.bind(obj,arg1,arg2,arg3...) bind是es5新增的方法,顾名思义,它的作用是将函数绑定到某个对象上,就像是某个对象调用方法一样.其本质还是改变了该函数的上下文 ...
- javascript中 Function.prototype.apply()与Function.prototype.call() 对比详解
Function.prototype.apply()|Function.prototype.call() apply()方法可以在使用一个指定的 this 值和一个参数数组(或类数组对象)的前提下调用 ...
随机推荐
- Java内部类的定义和使用
为什么要用到内部类: 在java开发学习中我们经常会碰到内部类.内部类又有很多的优势:首先举一个简单的例子,如果你想实现一个接口,但是这个接口中的一个方法和你构想的这个类中的一个方法名称参数相同,你应 ...
- meta标签中的http-equiv属性使用介绍(转载)
meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言, ...
- SSIS 处理NULL
不同于SQL Server中NULL表示值是未知的(Unknown Value),没有数据类型,但是,在SSIS中,NULL是有数据类型的,要获取某一个NULL值,必须指定数据类型,例如,变量 Int ...
- 【.NET深呼吸】清理对象引用,有一个问题容易被忽略
大家知道,托管代码一个重要的特点是自动管理内存,即我们常说的垃圾回收机制,那些高大上的理论我就不重复了,有兴趣的朋友可以翻书.我这个有个毛病——不喜欢很严肃地去说一些理论的东西,所以我不多介绍了. 一 ...
- 【转】C#语言之“string格式的日期时间字符串转为DateTime类型”的方法
方法一:Convert.ToDateTime(string) string格式有要求,必须是yyyy-MM-dd hh:mm:ss ================================== ...
- 【原创】机器学习之PageRank算法应用与C#实现(2)球队排名应用与C#代码
在上一篇文章:机器学习之PageRank算法应用与C#实现(1)算法介绍 中,对PageRank算法的原理和过程进行了详细的介绍,并通过一个很简单的例子对过程进行了讲解.从上一篇文章可以很快的了解Pa ...
- 为 Neutron 准备物理基础设施(II) - 每天5分钟玩转 OpenStack(76)
本节将按照上一节的规划安装配置控制节点和计算节点. 控制节点 devstack-controller 步骤如下 安装 Ubuntu 14.04 此处省略 256 个字 配置网卡 编辑 /etc/net ...
- Angular.js Services
Angular带来了很多类型的services.每个都会它自己不同的使用场景.我们将在本节来阐述. 首先我们必须记在心里的是所有的services都是singleton(单例)的,这也是我们所希望得到 ...
- Windows Live Writer 的昨日荣光
今天这一篇文章,想写一写Windows Live Writer这款博客编辑器(最早的一个版本是2007年发布的).毫不夸张地说,这是为数不多的几款所见即所得的编辑器之一,当然,它的运行速度慢也是一个众 ...
- 基于表的数据字典构造MySQL建表语句
表的数据字典格式如下: 如果手动写MySQL建表语句,确认麻烦,还不能保证书写一定正确. 写了个Perl脚本,可快速构造MySQL脚本语句. 脚本如下: #!/usr/bin/perl use str ...