2种单独创建对象
1.字面量创建对象
// var obj = {};
// console.log(obj);
// name : 李四 age: 19岁 打招呼:大家好我是李四
var obj = {
name: '李四',
age: 19,
sayHello: function () {
console.log('大家好我是李四')
}
}
obj.sayHello()
2.系统构造函数Object
var obj2 = new Object();
// 创建一个空对象
// 属性不存在==>添加属性
obj2.name = 'sy';
obj2.age = '18';
console.log(obj2);
// 属性存在==>修改属性
obj2.name = 'yzh';
console.log(obj2);
// 获取属性:
// 结构:对象名.属性名
// 1.属性存在 => 获取对应的值
console.log(obj2.name);
// 2.属性不存在 =>undefined
console.log(obj2.sex);
2种批量创建对象
1.工厂函数
function study(name,food){
//创建一个新的空对象
var obj3 = {}
// 设置这个新对象
obj3.name = name;
obj3.food = food;
obj3.study2 = function(){
console.log(name + '吃'+ food);
}
// 返回这个新对象
return obj;
}
var ls = study('李四','晚饭');
console.log(ls);
ls.study2();
2.自定义构造函数
function Person(name,age){
this.name = name;
this.age = age;
this.sayHello = function(){
console.log('自定义构造函数');
}
}
// 根据构造函数实例化(创建)对象
var p = new Person('yzh','18');
console.log(p);
p.sayHello();
// 自定义构造函数:
// 1.构造函数一定要配合new使用
// 2.new 的4个作用:
// 2.1创建一个新对象
// 2.2this指向了这个新对象(添加属性)
// 2.3执行构造函数:实例化属性(给属性赋值)
// 2.4返回这个新对象
// name : 小白 爱好:篮球 打: 小白正在打篮球
// name : 小黑 爱好:台球 打: 小黑正在打台球
function Teacher(name,like){
this.name = name;
this.like = like;
this.play = function(){
console.log(name + '正在打' + like);
}
}
var q = new Teacher('小白','篮球');
console.log(q);
q.play();
var q2 = new Teacher('小黑','台球');
console.log(q2);
q2.play();
以上就是关于js创建对象的4种简单方式啦~ (๑◡๑) ~