JavaScript创造对象的方法

Posted FF盖世英雄CC

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript创造对象的方法相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">

window.onload=function(){
//1**************************************************************************************************************

// var box=new Object(); //1:创建函数的基本方法
// box.name="feige";
// box.run=function(){
// alert(this.name+"runnig.....")
// }
//    
//    box.run();
//    //缺点就是如果要创建一个类似的对象要产生大量代码

 

 

 

//2工厂模式**************************************************************************************************************

//    
//    function createObj(name,age){ //共产模式创造对象
//    var obj=new Object();
//    obj.name=name;
//    obj.age=age;
//    obj.run=function(){
//    alert(this.name+this.age+"running......");
//    }
//    
//    return obj; //返回对象引用
//    
//    }
//    function createObj2(name,age){ //共产模式创造对象
//    var obj=new Object();
//    obj.name=name;
//    obj.age=age;
//    obj.run=function(){
//    alert(this.name+this.age+"running......");
//    }
//    
//    return obj; //返回对象引用
//    
//    }
//    var box1=createObj(‘feige‘,22);//创建第一个对象
//    var box2=createObj(‘cc‘,22); //创建第二个对象
//    box1.run();
//    box2.run();
// var box3=createObj2(‘kkk‘,2); 
// 
//    //PS:工厂模式虽然解决了重复实例化的问题,但是无法搞清楚他们到底哪个是对象的实例,例如下面的
//    alert(box1 instanceof Object);//true 
//    alert(box3 instanceof Object);//still true 
// 
// 



//3构造方法创造对象**************************************************************************************************************
function Box(name,age){ //构造方法创造对象(改良后的工厂方法)
this.name=name;
this.age=age;
this.run=function(){
alert(this.name+this.age);
}
}

function Box2(name,age){ //构造方法创造对象
this.name=name;
this.age=age;
this.run=function(){
alert(this.name+this.age);
}
}


var box1=new Box(‘CC‘,13); //实例化
var box2=new Box2(‘cc‘,21); //实例化

//alert(box1 instanceof Box);
//alert(box2 instanceof Box);//与工厂模式不同可以区分出来实例,box2是Box2的对象的引用

//1.构造函数没有new Object但是后台会自动 var obj=new Object();
//2.this就相当于 obj
//3.构造函数不需要返回对象引用,他是后台自动返回的

//规范

//1.构造函数也是函数,但是函数名第一个字母大写
//2.必须new 构造函数(),new Box()
//3.必须使用new 运算符
var o=new Object();//对象冒充,可以把整个构造函数拿下来给o
Box.call(o,"冒充",12)
o.run();

}


</script>
</body>
</html>

 

以上是关于JavaScript创造对象的方法的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段12——JavaScript的Promise对象

常用Javascript代码片段集锦

炫酷 CSS 背景效果的 10 个代码片段

VSCode自定义代码片段——JS中的面向对象编程

VSCode自定义代码片段9——JS中的面向对象编程

JavaScript单行代码,也就是代码片段