javascript 一些关于原型理解和for in的遍历
来源:互联网 发布:淘宝买自行车靠谱吗 编辑:程序博客网 时间:2024/06/05 18:58
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function Protect(name){
this.name=name;
}
//原型是一个对象,其他对象可以通过它实现属性继承。
Protect.prototype.name="张三";
var p=new Protect('李四');
console.log(p.name);//李四 自身的大于原型的优先级
p.name='王五';
console.log(p.name);
//遍历属性 通过 for in、
var obj={
age:12,
name:'xxx',
job:'js'
}
for(var i in obj){
console.log(obj[i]);
}
function pro(name,age){
this.name=name;
this.age=age;
this.method=function (){
return 'this is a test';
}
}
pro.prototype.hobby='篮球';
pro.prototype.qq=1233222;
var p1=new pro('yyyy',19);
//会显示所有的5个属性 包括继承的属性
for(var p in p1){
console.log(p);
}
//如果不想显示继承的属性 只显示自身的属性 可以通过判断来完成
//hasOwnProperty()判断是否属于自身的属性
console.log('---------');
for(var p in p1){
if(p1.hasOwnProperty(p)){
console.log(p);
}
}
var pet={
eye:'blue',
nose:'big',
mouse:1
}
function dog(name){
this.name=name;
}
dog.prototype=pet;
var dog1=new dog('xiaoxiao');
console.log(dog1.name);
//检测pet是不是dog1的原型
console.log(pet.isPrototypeOf(dog1));//true
var dog2=new dog('xxxx');
dog2.eye='balck';
dog2.age=12;
console.log(dog2.eye);
console.log(dog2.age);
console.log(dog2.__proto__);//proto某个实体对象的原型
</script>
</head>
<body>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function Protect(name){
this.name=name;
}
//原型是一个对象,其他对象可以通过它实现属性继承。
Protect.prototype.name="张三";
var p=new Protect('李四');
console.log(p.name);//李四 自身的大于原型的优先级
p.name='王五';
console.log(p.name);
//遍历属性 通过 for in、
var obj={
age:12,
name:'xxx',
job:'js'
}
for(var i in obj){
console.log(obj[i]);
}
function pro(name,age){
this.name=name;
this.age=age;
this.method=function (){
return 'this is a test';
}
}
pro.prototype.hobby='篮球';
pro.prototype.qq=1233222;
var p1=new pro('yyyy',19);
//会显示所有的5个属性 包括继承的属性
for(var p in p1){
console.log(p);
}
//如果不想显示继承的属性 只显示自身的属性 可以通过判断来完成
//hasOwnProperty()判断是否属于自身的属性
console.log('---------');
for(var p in p1){
if(p1.hasOwnProperty(p)){
console.log(p);
}
}
var pet={
eye:'blue',
nose:'big',
mouse:1
}
function dog(name){
this.name=name;
}
dog.prototype=pet;
var dog1=new dog('xiaoxiao');
console.log(dog1.name);
//检测pet是不是dog1的原型
console.log(pet.isPrototypeOf(dog1));//true
var dog2=new dog('xxxx');
dog2.eye='balck';
dog2.age=12;
console.log(dog2.eye);
console.log(dog2.age);
console.log(dog2.__proto__);//proto某个实体对象的原型
</script>
</head>
<body>
</body>
</html>
0 0
- javascript 一些关于原型理解和for in的遍历
- 关于javascript的原型对象的一些理解
- javascript数组遍历for in的一些坑
- 关于javascript中的for in 和 for的用法
- 关于JavaScript原型对象的理解
- 关于JavaScript原型链的一些小结
- 关于JavaScript 的 for in
- JavaScript中的类和原型的理解
- JavaScript原型链的理解和分析
- Javascript对象和原型继承的理解
- 深入理解JavaScript的原型和原型链
- 深入理解JavaScript系列--------强大的原型和原型链
- javascript原型的理解
- javascript 的原型理解
- JavaScript 原型的理解
- javascript原型的理解
- 一些关于javascript闭包和this的理解
- js关于原型构造函数和原型链的理解
- linux shell 查看进程运行或绑定的cpu和绑定执行进程到特定cpu上执行的方法
- logstash服务检测与拉起
- 自定义seekbar详解
- session cookie application的区别
- java集合------List集合总结
- javascript 一些关于原型理解和for in的遍历
- Linux 之sort-多关键字排序(在第一个关键字的基础上再进行第二个关键字排序)
- 安卓学习记录02
- 在线编程--约瑟夫问题I
- spring整合xfire出现Document root element "beans", must match DOCTYPE root "null"错误解决方案
- aiohttp
- mqsql insert中查询
- Android事件处理机制
- iOS之'mutating method sent to immutable object'