小结javaScriptOOP的对象内容点

Posted 2020-09-24 liuzhe01

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>

 

//故打印出来的是一个