1.创建对象,可以通过函数来创建一个对象
function dog(){
/*1.1创建一个对象*/
var obj = new Object();
/*1.2设置属性*/
obj.name = '小花';
obj.age = 0;
obj.dogFrends = ['小黄','小白'];
obj.eat = function(){
console.log('吃牛奶');
}
obj.run = function(){
console.log('我家');
}
/*返回这个对象*/
return obj;
}
var smallDog = dog();
console.log(smallDog.name);
var bigDog = dog();
console.log(bigDog.age);
1.创建对象,可以通过函数来创建一个对象
function dog(name,age,dogFriends){
/*1.1创建一个对象*/
var obj = new Object();
/*1.2设置属性*/
obj.name = name;
obj.age = age;
obj.dogFrends = dogFriends;
obj.eat = function(){
console.log('吃牛奶');
}
obj.run = function(){
console.log('我家');
}
/*返回这个对象*/
return obj;
}
var smallDog = dog('小花',0,['小白','小黄']);
console.log(smallDog.age);
var bigDog = dog('大花',2,['大白','大黄']);
console.log(bigDog.age);
1.创建对象,可以通过函数来创建一个对象
function dog(name,age,dogFriends){
/*1.1创建一个对象*/
var obj = new Object();
/*1.2设置属性*/
this.name = name;
this.age = age;
this.dogFrends = dogFriends;
this.eat = function(){
console.log('吃牛奶');
}
this.run = function(){
console.log('我家');
}
/*返回这个对象*/
return obj;
}
var smallDog = dog('小花',0,['小白','小黄']);
console.log(smallDog.age);
var bigDog = dog('大花',2,['大白','大黄']);
console.log(bigDog.age);
- 通过这种方式创建地对象可以作为模板，但是我们创建的过程需要创建一个对象，而且每次都需要返回这个对象,所以我们需要改造这个方法。
- 4.使用构造函数创建对象：
1.创建对象,可以通过构造函数来创建一个对象
function Dog(name,age,dogFriends){
/*1.2设置属性*/
this.name = name;
this.age = age;
this.dogFrends = dogFriends;
this.eat = function(someThing){
console.log( this.name+'吃'+someThing);
}
this.run = function(someWhere){
console.log(this.name +'跑'+someWhere);
}
}
var smallDog = new Dog('小花',0,['小白','小黄']);
console.log(smallDog.age);
var bigDog = new Dog('大花',2,['大白','大黄']);
console.log(bigDog.age);
smallDog.eat('奶');
bigDog.eat('牛肉');
因为参数较多的时候，我们写起来不容易，所以我们抽取一个用来存储参数的数据，这个数据一般是字典。
1.创建对象,可以通过构造函数来创建一个对象
function Dog(option){
/*1.0判断是否传入字典*/
var option = option ||{};
/*1.1设置属性*/
this.name = option.name;
this.age = option.age;
this.dogFrends = option.dogFrends;
this.eat = function(someThing){
console.log( this.name+'吃'+someThing);
}
this.run = function(someWhere){
console.log(this.name +'跑'+someWhere);
}
}
var smallDog = new Dog({name:'小花',age:0,dogFriends:['小白','小黄']});
console.log(smallDog.age);
var bigDog = new Dog({name:'大花',age:2,dogFriends:['大白','大黄']});
console.log(bigDog.age);
smallDog.eat('奶');
bigDog.eat('牛肉');
alert(smallDog.eat == bigDog.eat); //false
- 通过购造函数创建出来的对象每一个都是一个新的对象
- 他们里面的同名方法不是一样的
- 但是我们这些方法实现的功能是一样的
- 所以我们没有必要每次创建一个对象都设置方法
- 最好，让这些创建的对象拥有的是同样的方法
- 6.使用原型对象
1.创建对象,可以通过构造函数来创建一个对象
function Dog(option){
/*1.0判断是否传入字典*/
var option = option ||{};
/*1.1设置属性*/
this.name = option.name;
this.age = option.age;
this.dogFrends = option.dogFrends;
}
Dog.prototype = {
eat:function(someThing){
console.log( this.name+'吃'+someThing);
},
run:function(someWhere){
console.log(this.name +'跑'+someWhere);
}
}
var smallDog = new Dog({name:'小花',age:0,dogFriends:['小白','小黄']});
console.log(smallDog.age);
var bigDog = new Dog({name:'大花',age:2,dogFriends:['大白','大黄']});
console.log(bigDog.age);
smallDog.eat('奶');
bigDog.eat('牛肉');
/*1.创建对象,可以通过构造函数来创建一个对象
function Dog(option){
/*当使用对应的构造函数创建对象的时候，我们首先调用初始化函数*/
this._init(option);
}
//设置原型对象
Dog.prototype = {
/*如果放置属性一般通过初始化方法来放置属性*/
_init:function(option){
/*1.1设置属性*/
var option = option ||{};
this.name = option.name;
this.age = option.age;
this.dogFrends = option.dogFrends;
},//设置方法
eat:function(someThing){
console.log( this.name+'吃'+someThing);
},
run:function(someWhere){
console.log(this.name +'跑'+someWhere);
}
}
var smallDog = new Dog({name:'小花',age:0,dogFriends:['小白','小黄']});
console.log(smallDog.age);
var bigDog = new Dog({name:'大花',age:2,dogFriends:['大白','大黄']});
console.log(bigDog.age);
smallDog.eat('奶');
bigDog.eat('牛肉');
- 8.this的认识
- this表示的意义：
this一般放在函数(方法)中，如果哪个对象拥有这个函数(哪个对象调用这个函数)那么this就表示这个对象
所有的全局变量和方法都是window的属性和方法
function dog(){
alert(this);
}
dog();
// 任何一个函数动都可以通过new来创建一个对象，所以我们这个dog函数属于新创建的对象，所以这个this表示新创建地对象.
new dog();
- this的特殊的用法:
如果this在事件指令中，表示事件触发者，一般是事件源
如果this在定时器中，表示window
