创建对象的四种方法:
一、字面量创建对象性
二、Object 方法创建对象
三、工厂模式 创建对象
四、构造函数 创建对象
实例如下:
<script>
// 1.使用 字面量 创建对象
var person = {
//添加属性 ---
name:"黄志敏",
sex:"女",
age:18,
//添加方法
do:function(){
console.log("吃饭 睡觉 吵王承琛");
}
}
//访问对象属性
console.log(person.age);
console.log(person.name);
console.log(person.sex);
person.do();
var person1 = {};
person1.name = "黄志敏";
person1.age = 18;
person1.sex = "男";
person1.do = function(){
console.log("吃饭 睡觉 吵王承琛");
}
person1.do();
// 2.使用 Object 创建对象
var person3 = new Object();
person3.name = "黄志敏";
person3.age = 18;
person3.sex = "女";
person3.do = function(){
console.log("吃饭 睡觉 吵王承琛");
}
//3.使用 工厂模式 创建对象
function creatPerson(name,age,sex) {
var obj = new Object();
obj.name = name;
obj.age = age;
obj.sex = sex;
obj.do = function(){
console.log("吃饭 睡觉 吵王承琛");
}
return obj;
}
var huangzhimin = creatPerson("黄志敏","18","女");
console.log(huangzhimin.name);
console.log(huangzhimin.age);
console.log(huangzhimin.sex);
huangzhimin.do();
//4.使用 构造函数 创建对象 ---名字首字母大写 区别普通函数 ;this 指向该对象
function Person4(name,age,sex){
this.name = name;
this.age = age;
this.sex = sex;
this.computer = {
brand:"Mac",
color:"silver"
};
this.do = function(){
console.log("吃饭 睡觉 吵王承琛");
}
}
var huang = new Person4("黄志敏",18,"女");
console.log(huang.name);
//原型 prototype -> 属于对象的属性; _proto_自动添加到对象下的实例上-> 指向prototype属性 -----继承
//原型 这块还得详细 深入的学习一下
Person4.prototype.grade = 8;
console.log(huang.grade);
</script>
JavaScript创建对象的四种方式
最新推荐文章于 2023-07-03 21:24:25 发布