Javascript的构造函数

ps:用最简单的方法解释!

构造函数的创建、属性、方法

  1. 构造函数长这样
var Cat = function(name,color){
	this name = name;
	this color = color;
}

上面这个代码就是一个最基础的构造函数,需要用到this指向将要实例化的对象;

  1. 实例化
var cat1 = new Cat("金毛","黄色");
var cat2 = new Cat("小毛","红色");

这就完成了一个最基础的用构造函数实例化对象

  1. constructor属性
console.log(cat1.constructor == Cat);//true
console.log(cat2.constructor == Cat);//true

每一个对象都有一个constructor属性指向他们的构造函数

  1. instanceof运算符
console.log(cat1 instanceof Cat);//true
console.log(cat2 instanceof Cat);//true

instanceof运算符验证原型对象与实例之间的关系

  1. prototype属性
Cat.prototype.type = '猫科动物';

构造函数prototype属性指向另一个对象,这个对象的所有属性和方法会被构造函数的实例对象所继承

  1. isPrototypeOf()方法
Cat.protorype.isPrototypeOf(cat1); //true	

isPrototypeOf() 这个方法用来判断,某个proptotype对象和某个实例之间的关系

  1. hasOwnProperty()方法
cat1.hasOwnProperty('name'); //true
cat1.hasOwnProperty('type');  //false

每个实例对象都有一个hasOwnProperty()方法,用来判断某一个属性到底是本地属性,还是继承自prototype对象的属性。

  1. in运算符
console.log("name" in cat1); // true
console.log("type" in cat1); // true

in运算符可以用来判断,某个实例是否含有某个属性,不管是不是本地属性。

 for(var prop in cat1) { 
 	console.log("cat1["+prop+"]="+cat1[prop]); 
 }

in运算符还可以用来遍历某个对象的所有属性。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值