首页 > 代码库 > 小结javaScriptOOP的对象内容点
小结javaScriptOOP的对象内容点
1. 我们首先需要了解对象是什么?
对象是是包含相关属性和方法的集合体。
创建对象
自定义对象 内置对象
基于Object对象的方式创建对象
通过.添加属性和方法
var flower=new Object();
flower.name="长春花";
flower.genera="夹竹桃科 长春花属";
flower.area="非洲、亚热带、热带以及中国大陆的华东、西南、中南等地";
flower.uses="观赏或用药等";
flower.showName=function(){ /执行方法函数
alert(this.name);
}
flower.showName(); //调用构造方法
梨子3
//创建的这个空模板为了给原型对象赋值
function Flower(){
}
Flower.prototype.name="红果果";
Flower.prototype.area="绿跑跑";
Flower.prototype.Show=function(){
alert(this.name);
};
var flag=Flower.prototype.construtor==Flower();
将构造函数的作用域赋给新对象(this就指向了这个新对象)
alert(flag);
var falg1=new Flower();
falg1.Show();
if(falg1.__proto__==Flower.prototype){
alert("=======");
}
</script>
使用字面量赋值方式创建对象
var flower={ name:"长春花", genera:"夹竹桃科 长春花属", area:"非洲、亚热带、热带以及中国大陆的华东、西南、中南等地", uses:"观赏或用药等", showName:function(){ alert(this.name); } } flower.showName();
注意点:
//定义一个构造函数开头都是大写,
实现思路
使用new创建对象folower
var folower=new Object();
通过.来添加属性
folower.name="vgbhnj";
folower.area="cfvgbhnjfgtyh";
folower.Show=function(){
alert(folower.name);
alert(folower.area);
};
folower.Show();//调用构造,执行方法
//子类调用父类的方法调用
hunman.call(this);
function hunman(){
this.sport=["baseBall","jklf","fgn"];
//给父类赋值
}
function Man(){
//子类调用父类的方法调用
hunman.call(this);
}
子类圆形继承父类原型
Man.prototype=new hunman();
var jk=new Man();//因为他们继承了,就能用父类的方法 pash(”第三方“);
jk.sport.push("rty");
alert(jk.sport);
var jks=new Man();
alert(jks.sport);
</script>
//故打印出来的是一个
小结javaScriptOOP的对象内容点