<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>第一个页面</title>
<script>
//创建对象的第一种方法
//利用对象字面量创建对象{}
var dog = {
name: 'keke',
type:'阿拉斯加',
age: 5,
color:'褐红色',
jineng:function(){
console.log('汪汪汪,看电影');
}
}
//使用对象
//1.调用对象的属性, 格式:对象名.属性名或对象名['属性名']
console.log(dog.name);
console.log(dog['type']);
//2.调用对象的方法,格式:对象名.方法名()
dog.jineng();
//创建对象的第二种方法
//利用new Object创建对象
var obj = new Object(); // 创建一个空对象
//利用 = 等号赋值的方法 添加对象和方法
obj.name = 'keke';
obj.type = '阿拉斯加';
obj.age = 5;
obj.color = '褐红色';
obj.jineng = function(){
console.log('汪汪汪,看电影');
};
//调用时与第一种一样
console.log(obj.name);
console.log(obj.type);
console.log(obj['age']);
obj.jineng();
//注:每个属性和方法之间用分号隔开;
//调用对象的第三种方法
//利用构造函数创建对象 因为前两种一次只能创建一个对象
// var ldh = {
// name:'刘德华',
// age = 50,
// sing:'冰雨'
// };
// var zxy = new Object();
// zxy.name = '张学友';
// zxy.age = 49;
// zxy.sing = '往事随风';
//所以采用构造函数,可以一次性创建多个对象,将其中的对象相同的属性和方法提取出来形成共同的属性和方法。
//我们用一个构造函数创建一个对象,如创建四大天王 有共同的姓名,年龄,性别
//注意:构造函数的格式
// function 构造函数名(){
// this.属性名 = 值;
// this.方法名 = function(){};
// }
//调用函数时 new 构造函数名();
function Star(name , age , sex){
this.name = name;
this.age = age;
this.sex = sex;
this.sing = function(song){
console.log(song);
}
}
var fbb = new Star('范冰冰',50,'女'); //调用函数返回的是一个对象,所以现在fbb是一个对象
//所以可以直接使用fbb这个对象的属性和方法
console.log(fbb.name);
console.log(fbb.age);
console.log(fbb.sex);
fbb.sing('情深深雨蒙蒙');
//注意:1.构造函数第一个字母要大写
//2.构造函数不需要返回return 就可以返回结果
//3.调用构造函数 必须使用 new
//4.this必须要写,表示在这个对象下的属性
//这里区分 构造函数和对象,构造函数其实是泛指明星 相当于java中的类(Class)
//而对象 某个明星 如刘德华指的具体的事务
//利用构造函数创建对象的过程也称为对象的实例化
</script>
</head>
<body>
</body>
</html>
javascript创建对象的三种方式
最新推荐文章于 2022-05-30 17:14:44 发布