JavaScript创建对象的几种方式
2010-06-02 09:41
666 查看
在JS中,创建对象(Create Object)并不完全是我们时常说的创建类对象,JS中的对象强调的是一种复合类型,JS中创建对象及对对象的访问是极其灵活的。
JS对象是一种复合类型,它允许你通过变量名存储和访问,换一种思路,对象是一个无序的属性集合,集合中的每一项都由名称和值组成(听起来是不是很像我们 常听说的HASH表、字典、健/值对?),而其中的值类型可能是内置类型(如number,string),也可能是对象。
以下是我在学习中所总结的例子:
一、利用json创建对象
var myObj = {
"id": 1, // 属性名用引号括起来,属性间由逗号隔开
"name": "zhangsan",
"age":10,
"test":function(){
document.write(" 我叫"+this.name+"今年"+this.age+"岁");
}
};
myObj.test()
// 结果
//我叫zhangsan今年10岁
二、用 function 关键字模拟 class
function myClass() {
this.id = 5;
this.name = 'myclass';
this.getName = function() {
return this.name;
}
}
var my = new myClass();
alert(my.id);
alert(my.getName());
// 结果
// 5
// myclass
三、使用JavaScript中的Object类型
var company= new Object();
company.name= "天堂";
company.address = "北京";
company.produce= function(message)
{
alert(message);
}
company.produce("天堂");
//结果
//天堂
JS对象是一种复合类型,它允许你通过变量名存储和访问,换一种思路,对象是一个无序的属性集合,集合中的每一项都由名称和值组成(听起来是不是很像我们 常听说的HASH表、字典、健/值对?),而其中的值类型可能是内置类型(如number,string),也可能是对象。
以下是我在学习中所总结的例子:
一、利用json创建对象
var myObj = {
"id": 1, // 属性名用引号括起来,属性间由逗号隔开
"name": "zhangsan",
"age":10,
"test":function(){
document.write(" 我叫"+this.name+"今年"+this.age+"岁");
}
};
myObj.test()
// 结果
//我叫zhangsan今年10岁
var myObj = { "id": 1, //属性名用引号括起来,属性间由逗号隔开 "name": "zhangsan", "age":10, "test":function(){ document.write("我叫"+this.name+"今年"+this.age+"岁"); } }; myObj.test() //结果 //我叫zhangsan今年10岁
二、用 function 关键字模拟 class
function myClass() {
this.id = 5;
this.name = 'myclass';
this.getName = function() {
return this.name;
}
}
var my = new myClass();
alert(my.id);
alert(my.getName());
// 结果
// 5
// myclass
function myClass() { this.id = 5; this.name = 'myclass'; this.getName = function() { return this.name; } } var my = new myClass(); alert(my.id); alert(my.getName()); // 结果 // 5 // myclass
三、使用JavaScript中的Object类型
var company= new Object();
company.name= "天堂";
company.address = "北京";
company.produce= function(message)
{
alert(message);
}
company.produce("天堂");
//结果
//天堂
var company= new Object(); company.name= "天堂"; company.address = "北京"; company.produce= function(message) { alert(message); } company.produce("天堂"); //结果 //天堂
相关文章推荐
- 关于JavaScript中几种创建对象的方式
- 【javascript】创建对象的几种方式
- javascript对象的几种创建方式
- javascript对象的几种创建方式
- JavaScript对象创建的几种方式总结
- javascript学习(十五):js中对象的常用的几种创建方式
- 面向面试编程——javascript对象的几种创建方式
- JavaScript 创建类/对象的几种方式
- javascript 创建对象的几种方式
- JavaScript 创建类/对象的几种方式
- JavaScript中创建对象的几种方式
- JavaScript对象创建的几种方式
- JavaScript中创建对象的几种方式
- javascript 创建类和对象的几种方式
- Javascript创建对象的几种方式
- javascript创建对象的几种方式
- javascript中创建对象的几种方式
- JavaScript中创建对象的几种方式
- JavaScript中对象创建的几种方式