JavaScript中的创建对象
2016-03-14 20:44
288 查看
对于JavaScript中的对象来说,和其它面向对象编程的语言一样,有很多优点:代码复用,提高开发的速度;封装、继承。那么来说JavaScript中的对象是 如何创建的,以及有几种方式。
1.直接创建实例
myNewObj=new object();//创建一个空对象
myNewObj.info="this is a new object!";//为myNewObj的属性info赋值
function myFunc(){
alert(this.info);
}
myNewObj.showInfo=myFunc;//定义myNewObj的方法showInfo
注意:有的人会把myNewObj.showInfo=myFunc();这样定义,这样定义的执行时:先执行函数myFunc(),然后把它的返回值赋给myNewObj.showInfo;这样就不是定义myNewObj.showInfo的方法了。上述的方法也可以通过匿名函数定义,定义如下:
myNewObj.showInfo=function(){
alert(this.info);
}
2.使用构造函数
function myObjectType(){
this.info="this is a new object!";//为myNewObj的属性info赋值
this.showInfo=function(){
alert(this.info);
}
this.sayHello=function(newInfo){
alert(newInfo);
}
}
var myNewObject=new myObjectType();//创建对象实例,定义了对象myObject,就可以调用它的属性和放了;
上面使用无参的构造函数定义对象,下面使用有参构造函数定义对象:
function myObjectType(newInfo){
this.info=newInfo;
this.showInfo=function(){
alert(this.info);
}
}
var myNewObject=new myObjectType("this is a new object!");//创建对象实例的同时为对象赋值。
关于JavaScript对象的创建的简单介绍,希望对大家有帮助!!
1.直接创建实例
myNewObj=new object();//创建一个空对象
myNewObj.info="this is a new object!";//为myNewObj的属性info赋值
function myFunc(){
alert(this.info);
}
myNewObj.showInfo=myFunc;//定义myNewObj的方法showInfo
注意:有的人会把myNewObj.showInfo=myFunc();这样定义,这样定义的执行时:先执行函数myFunc(),然后把它的返回值赋给myNewObj.showInfo;这样就不是定义myNewObj.showInfo的方法了。上述的方法也可以通过匿名函数定义,定义如下:
myNewObj.showInfo=function(){
alert(this.info);
}
2.使用构造函数
function myObjectType(){
this.info="this is a new object!";//为myNewObj的属性info赋值
this.showInfo=function(){
alert(this.info);
}
this.sayHello=function(newInfo){
alert(newInfo);
}
}
var myNewObject=new myObjectType();//创建对象实例,定义了对象myObject,就可以调用它的属性和放了;
上面使用无参的构造函数定义对象,下面使用有参构造函数定义对象:
function myObjectType(newInfo){
this.info=newInfo;
this.showInfo=function(){
alert(this.info);
}
}
var myNewObject=new myObjectType("this is a new object!");//创建对象实例的同时为对象赋值。
关于JavaScript对象的创建的简单介绍,希望对大家有帮助!!
相关文章推荐
- js问题
- javascript实现查看html网页放大图片功能
- 实用的JS正则表达式(手机号码/IP正则/邮编正则/电话等)
- JS基础回顾,小练习(获取一个对象里面第一层元素的数量)
- JS基础回顾,小练习(实现each方法)
- Javascript冒泡排序
- JS基础回顾,小练习(去除字符串空格)
- xStream完美转换XML、JSON
- CTF比赛的一道javascript题
- RethinnkDB, Flask, Backbone.js
- JavaScript方法中的DOM对象
- JavaScript 中对变量和函数声明的“提前(hoist)”
- javascript的对象
- JSP内置对象
- JS正则匹配待重命名文件名
- JS基础回顾,小练习(克隆对象,数组)
- JSP中遇到的小问题
- Network 【用 AFN 通过 POST 方式发送JSON数据的两种形式】
- js判断浏览器类型
- js日期时间计算天数