欢迎使用CSDN-markdown编辑器
2015-06-20 22:46
591 查看
JavaScript中与原型相关的常用方法:
getPrototypeOf(), delete, hasOwnProperty(), in, Object.keys(), Object.getOwnPropertyNames().
先定义一个Person类模板,用这个类模板来讲解一下与原型相关的常用方法。
function Person(){}
Person.prototype.name = ‘张三’;
Person.prototype.age = ‘20’;
Person.prototype.sayName = function(){
console.log(“My name is ”+this.name);
};
1.getPrototypeOf():获得一个实例的原型
var p1 = new Person();
var p2 = new Person();
console.log( Object.getPrototypeOf(p1) );
console.log( Object.getPrototypeOf(p1) == Person.prototype );
console.log( Object.getPrototypeOf(p1) == Object.getPrototype(p2) );
Delete: 删除实例自身属性
p1.name = “李四”;
p1.sayName();
p2.sayName();
delete p1.name;
p1.sayName();
hasOwnProperty():判断某属性是不是该实例自身的属性
console.log( p1.hasOwnProperty(name) );
p1.name = “李四”;
console.log( p1.hasOwnProperty(name) );
In: 判断某属性是不是该实例原型链中的属性
console.log( ‘name’ in p2 );
写一个方法判断一个属性是不是这个实例的原型链中的属性:
function isPropertyOfPrototype( object, property ){
return !object.hasOwnProperty(property) && property in object;
}
console.log( p2.hasOwnProperty(‘name’) );
Console.log( isPropertyOfPrototype(p2, ‘name’) );
Object.keys(): 获得实例的所有自身属性,
console.log( Object.keys(p2));
p2.name = “王五”;
p2.age = 25;
console.log( Object.keys(p2) );
console.log( Object.key(Person.prototype) );
Object.getOwnPropertyNames(): ECMA5: constructor属性是不能被枚举的,Object.getOwnPropertyNames可以枚举对象的所有属性,包括constructor
console.log( Object.getOwnPropertyNames(Person.prototype) );
getPrototypeOf(), delete, hasOwnProperty(), in, Object.keys(), Object.getOwnPropertyNames().
先定义一个Person类模板,用这个类模板来讲解一下与原型相关的常用方法。
function Person(){}
Person.prototype.name = ‘张三’;
Person.prototype.age = ‘20’;
Person.prototype.sayName = function(){
console.log(“My name is ”+this.name);
};
1.getPrototypeOf():获得一个实例的原型
var p1 = new Person();
var p2 = new Person();
console.log( Object.getPrototypeOf(p1) );
console.log( Object.getPrototypeOf(p1) == Person.prototype );
console.log( Object.getPrototypeOf(p1) == Object.getPrototype(p2) );
Delete: 删除实例自身属性
p1.name = “李四”;
p1.sayName();
p2.sayName();
delete p1.name;
p1.sayName();
hasOwnProperty():判断某属性是不是该实例自身的属性
console.log( p1.hasOwnProperty(name) );
p1.name = “李四”;
console.log( p1.hasOwnProperty(name) );
In: 判断某属性是不是该实例原型链中的属性
console.log( ‘name’ in p2 );
写一个方法判断一个属性是不是这个实例的原型链中的属性:
function isPropertyOfPrototype( object, property ){
return !object.hasOwnProperty(property) && property in object;
}
console.log( p2.hasOwnProperty(‘name’) );
Console.log( isPropertyOfPrototype(p2, ‘name’) );
Object.keys(): 获得实例的所有自身属性,
console.log( Object.keys(p2));
p2.name = “王五”;
p2.age = 25;
console.log( Object.keys(p2) );
console.log( Object.key(Person.prototype) );
Object.getOwnPropertyNames(): ECMA5: constructor属性是不能被枚举的,Object.getOwnPropertyNames可以枚举对象的所有属性,包括constructor
console.log( Object.getOwnPropertyNames(Person.prototype) );
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 异步流程控制:7 行代码学会 co 模块
- JavaScript拆分字符串时产生空字符的原因
- IE8开发人员工具教程(二)
- prototype Element学习笔记(篇一)
- Prototype 学习 工具函数学习($方法)
- Prototype使用指南之selector.js说明
- prototype1.4中文手册
- 在flex中执行一个javascript方法的简单方式
- Flex结合JavaScript读取本地路径的方法
- prototype 1.5相关知识及他人笔记
- prototype Element学习笔记(Element篇三)
- prototype Element学习笔记(篇二)