JavaScript创建对象的方法
2017-04-27 13:59
204 查看
1.字面量方式
var Person = {};
Person.name ="张三";
Person.age = 20;
Person.speak = function(){
alert(Person.name+"==="+Person.age);
}
// Person.speak();
//alert(Person.name);
2. 使用function模拟class
2.1 无参数
function Animal(){
this.name = "哈巴狗";
this.age = 20;
this.bite = function (){
alert(this.name+"又要咬人了。。");
}
}
var animal = new Animal();
animal.bite();
2.2有参数 推荐这种
function Animal1(name,age){
this.name =name;
this.age = age;
this.bite = function (){
alert(this.name+"又要咬人了。。");
}
}
var animal1 = new Animal1("小泰迪",2);
var animal2 = new Animal1("小藏獒",2);
animal1.bite();
animal2.bite();
3.使用工厂方式
var obj = new Object();
obj.name = "李四";
obj.age = 25;
obj.eat = function(){
alert(this.name+"==eating....");
}
obj.eat();
4.使用原型
function Cat(){
Cat.prototype.name = "小花猫";
Cat.prototype.age = 2
Cat.prototype.catchMouse = function(){
alert(this.name+"=="+this.age);
}
}
//创建的对象属性值都一样
var cat1 = new Cat();
var cat2 = new Cat();
cat1.catchMouse();
cat2.catchMouse();
5.结合原型以及function来创建
function Pig(name,age){
this.name = name;
this.age = age;
Pig.prototype.sleep = function(){
alert(this.name+"== 吃完又要去睡觉了。。");
}
}
6.动态原型的方式
function fun(name,age){
this.name = name;
this.age = age;
if(typeof fun.prototype.eat == "undefined"){
fun.prototype.eat = function(){
alert(this.name);
}
}
}
var fn = new fun("李四",20);
fn.eat();
var Person = {};
Person.name ="张三";
Person.age = 20;
Person.speak = function(){
alert(Person.name+"==="+Person.age);
}
// Person.speak();
//alert(Person.name);
2. 使用function模拟class
2.1 无参数
function Animal(){
this.name = "哈巴狗";
this.age = 20;
this.bite = function (){
alert(this.name+"又要咬人了。。");
}
}
var animal = new Animal();
animal.bite();
2.2有参数 推荐这种
function Animal1(name,age){
this.name =name;
this.age = age;
this.bite = function (){
alert(this.name+"又要咬人了。。");
}
}
var animal1 = new Animal1("小泰迪",2);
var animal2 = new Animal1("小藏獒",2);
animal1.bite();
animal2.bite();
3.使用工厂方式
var obj = new Object();
obj.name = "李四";
obj.age = 25;
obj.eat = function(){
alert(this.name+"==eating....");
}
obj.eat();
4.使用原型
function Cat(){
Cat.prototype.name = "小花猫";
Cat.prototype.age = 2
Cat.prototype.catchMouse = function(){
alert(this.name+"=="+this.age);
}
}
//创建的对象属性值都一样
var cat1 = new Cat();
var cat2 = new Cat();
cat1.catchMouse();
cat2.catchMouse();
5.结合原型以及function来创建
function Pig(name,age){
this.name = name;
this.age = age;
Pig.prototype.sleep = function(){
alert(this.name+"== 吃完又要去睡觉了。。");
}
}
6.动态原型的方式
function fun(name,age){
this.name = name;
this.age = age;
if(typeof fun.prototype.eat == "undefined"){
fun.prototype.eat = function(){
alert(this.name);
}
}
}
var fn = new fun("李四",20);
fn.eat();
相关文章推荐
- JavaScript创建对象与构造函数的实现方法
- 学习javascript对象创建方法(参照别人代码,持续更新)
- Javascript笔记:jQuery源码分析以及从jQuery对象创建的角度理解extend方法的原理
- Javascript之二(2):js6种创建类/对象的方法
- javascript:利用Object.create()方法创建对象
- JavaScript 三种创建对象的方法
- javascript的函数、创建对象、封装、属性和方法、继承
- javascript中创建对象,并序列化为json,通过$.ajax的提交json数据到后台方法,取值为null的问题
- javascript:利用Object.create()方法创建对象
- javascript几种方法创建function对象的异同
- JavaScript 三种创建对象的方法
- JavaScript创建高级对象的方法
- JavaScript对象创建的几种方式及使用方法
- Javascript创建自定义对象 创建Object实例添加属性和方法
- JavaScript操作Word之“Automation 服务器不能创建对象”解决方法
- JavaScript 对象创建方法
- Javascript访问Cookie的四个基本方法无论是在创建页面还是构建对象都会使用到,单独拿出来备用:
- javascript中创建对象的三种常用方法
- 轻松拿下JavaScript(三)——创建对象,构造方法,成员
- 用Javascript创建对象的另外一种方法