JavaScript 创建对象和构造类实现代码_js面向对象
程序员文章站
2022-05-03 08:45:53
...
创建一个对象
Java代码
利用json(javaScript Object Notation)创建对象和上面同样的效果。
Java代码
function sayLoudly(){
alert(this.firstName.toUpperCase());
}
var newObject={
firstName:"frank",
sayName:function(){alert(this.firstName);},
sayLoudly:sayLoudly
};
//也可以这样
var newObject={
firstName:"frank",
sayName:function(){alert(this.firstName);},
sayLoudly:sayLoudly,
lastName:{
lastName:"ziggy",
sayName:function(){alert(this.lastName);}
}
};
newObject.lastName.sayName();
这样也ok
Java代码
function sayLoudly(){
alert(this.name.toUpperCase());
}
function sayName(){
alert(this.name);
}
var newObject={
name:"frank",
sayName:sayName,
sayLoudly:sayLoudly,
lastName:{
name:"ziggy",
sayName:sayName
}
};
newObject.lastName.sayName();
JavaScript 中的类,还有构造方法。。。
Java代码
function newClass(){
alert("constructor");
this.firstName="frank";
this.sayName=function(){alert(this.firstName);}
// return this;
}
//var nc=newClass();
var nc=new newClass();
//nc.firstName="ziggy"; is ok
nc.sayName();
还可以这样来构造类
Java代码
function newClass(){
this.firstName="frank";
}
newClass.prototype.sayName=function(){
alert(this.firstName);
}
var nc=new newClass();
nc.firstName="ziggy";
nc.sayName();
var nc2=new newClass();
nc2.sayName();
一般用prototypes来添加方法,这样不管有多少个实例,在内存中只有一个sayName方法。
Java代码
复制代码 代码如下:
利用json(javaScript Object Notation)创建对象和上面同样的效果。
Java代码
复制代码 代码如下:
function sayLoudly(){
alert(this.firstName.toUpperCase());
}
var newObject={
firstName:"frank",
sayName:function(){alert(this.firstName);},
sayLoudly:sayLoudly
};
//也可以这样
var newObject={
firstName:"frank",
sayName:function(){alert(this.firstName);},
sayLoudly:sayLoudly,
lastName:{
lastName:"ziggy",
sayName:function(){alert(this.lastName);}
}
};
newObject.lastName.sayName();
这样也ok
Java代码
复制代码 代码如下:
function sayLoudly(){
alert(this.name.toUpperCase());
}
function sayName(){
alert(this.name);
}
var newObject={
name:"frank",
sayName:sayName,
sayLoudly:sayLoudly,
lastName:{
name:"ziggy",
sayName:sayName
}
};
newObject.lastName.sayName();
JavaScript 中的类,还有构造方法。。。
Java代码
复制代码 代码如下:
function newClass(){
alert("constructor");
this.firstName="frank";
this.sayName=function(){alert(this.firstName);}
// return this;
}
//var nc=newClass();
var nc=new newClass();
//nc.firstName="ziggy"; is ok
nc.sayName();
还可以这样来构造类
Java代码
复制代码 代码如下:
function newClass(){
this.firstName="frank";
}
newClass.prototype.sayName=function(){
alert(this.firstName);
}
var nc=new newClass();
nc.firstName="ziggy";
nc.sayName();
var nc2=new newClass();
nc2.sayName();
一般用prototypes来添加方法,这样不管有多少个实例,在内存中只有一个sayName方法。
上一篇: 求教,thinkphp与jquery,ajax表单验证
下一篇: jquery操作css选择器
推荐阅读
-
JavaScript面向对象学习之类的创建,类的抽象代码实例讲解
-
一个cssQuery对象 javascript脚本实现代码_js面向对象
-
JavaScript 类的定义和引用 JavaScript高级培训 自定义对象_js面向对象
-
JavaScript类和继承 this属性使用说明_js面向对象
-
JavaScript类和继承 this属性使用说明_js面向对象
-
JavaScript接口实现代码 (Interfaces In JavaScript)_js面向对象
-
创建js对象和js类的方法汇总_javascript技巧
-
js基于面向对象实现网页TAB选项卡菜单效果代码_javascript技巧
-
关于JavaScript定义类和对象的几种方式_js面向对象
-
利用构造函数方法来创建javascript对象类实例代码详解