javaScript面向对象
面向对象:(万物皆是对象。) js中每个对象都是一个自成一体的实体。内部包含一个或多个 相关的变量和函数分别叫做属性和方法。
引用类型: 数组 函数 对象 存储的是 地址
基本数据类型:字符串 数值 Bool; 存储的是值。
面向对象:
编程语言: 包含类和对象,三个特征: 封装,多态 ,继承。
编程思想:构造函数。(相当于js中的类)
对象其实就是一种引用类型,而对象的值就是引用类型的实例,在js中引用类型是一种数据结构,将数据和功能组织再一起,他常常被称为类,而js中没有类的概念,虽然js是一门面向对象的语言,却不具备传统面向对象语言所支持的类和接口等基本结构。
(1)直接创建对象(包括增删改查)
<script type="text/javascript">
//创建一个空对象
var per1 = new Object();
//把对象所需要的属性或者方法添加进去
per1.name = "女神";
per1.gender= "女"
console.log(per1.gender);
console.log(per1.name);
//给对象添加方法(函数);
per1.manager = function(){ //对象下的方法。
//用匿名函数 调用的时候直接可以用自定义对象的方法即可。
alert("别说话,吻我");
}
per1.manager(); //调用对象下的方法
//删除对象中的属性:delete+对象的属性名
delete per1.name;
console.log(per1.name); 得到的结果是undefined;
//函数/方法 当函数属于一个对象时,该函数就是这个对象下的一个方法,通过方法名来调用函数。
//属性 /变量 当变量属于某一个属性时,该变量就是这个对象下的一个方法,通过对象下的属性名来调用变量。
console.log(person.name);
console.log(person.age);
person.manager();
//创建第二个对象
var per2 = new Object;
per2.name = "老宋"
per2.age = 24;
per2.gender = "男";
per2.hobby = "女";
// 通过.开访问对象属性
//还可以通过[]来访问对象的属性。 遍历属性时 使用。
console.log(per2["name"]); // []中必须是属性字符串或者保存属性字符串的变量
//遍历对象的属性 for...in.....获取对象的属性。
for(var property in per2){ //property:属性名
}
</script>```
(2)JSON 法创建对象(使用字面量创建)
//使用字面量创建js对象
var person ={
name: "黄琴",
age: "18",
anager: function(){
console.log("别说话,吻我" );
}
}
for(var property in person){ // 遍历每一个属性
console.log(property+"="+person[property]);
}
</script>```
(3)工厂模式的方法创建对象
<script type="text/javascript">
//通过构造函数创建js对象???
//1 创建出对象的构造函数 (定义构造函数)
function CreatPerson(name,age,hobby){
//1.1 创建一个新对象
//var person = new Object(); //new 构造函数
var person = { //字面量创建
// 1.3 给新对象添加属性和方法
name:name,
age: age,
hobby:hobby,
sayhi:function(){
alert('你好');
}
}
// 1.3把创建好的对象返回出去
return person;
}
// 2 调用函数
var per1 = CreatPerson("张三",23,"足球");
console.log(per1);
per1.sayhi();
var per2 = CreatPerson("李四",23,"篮球");
console.log(per2 instanceof CreatPerson); //检测某个对象是不是另一个对象。 false
console.log(per2);
</script>
创建对象:
1.工厂模式:用函数来封装以特定的接口创建对象的细节。
instanceof 检测不出创建的对象是不是构造函数的对象 返回值:false;不是构造函数创建出来的对象
缺点:没有解决对象识别的问题,
(最好运用传参的方式)
调用函数的时候传递参数。
2.new+构造函数模式:(构造函数始终都是应该以一个大写字母开头,而非构造函数则应该以一个小写字母为开头。)
构造函数创建的步骤。
创建一个新的对象,
将构造函数的作用域赋给新对象(因此this就指向了这个新对象)
为这个新对象添加属性。
返回新的对象。instanceof 可以检测出对象的类型; 如果是对象返回值为true;不是对象返回值为false;
构造函数和工厂模式不同:
没有显示的创建对象;
直接降属性和方法赋给了this对象。
没有return语句。
构造函数始终都是应该以一个大写字母开头,而非构造函数则应该以一个小写字母为开头。