JavaScript中的自定义对象
程序员文章站
2022-04-04 08:05:04
...
首先需要明确的一点:JavaScript中没有类的概念,只要有函数就可以创建对象
1.使用无参函数创建对象
function Person(){}
var p = new Person(); // 创建一个Person对象
p.id = 12;
p.name = "张三";
p.print = function(){ // 定义一个方法
document.write("id=" + this.id + " name=" + this.name);
}
document.write("id:" + p.id + " 姓名:" + p.name + "<br/>");
p.print();
输出:
id:12 姓名:张三
id=12 name=张三
2.使用带参函数定义对象
function Person(id,name){
this.id = id;
this.name = name;
this.print = function(){
document.write("id=" + this.id + " name=" +this.name);
}
}
var p = new Person(12,"李四");
p.print();
结果:
id=12 name=李四
3.使用Object函数创建对象
Object()方法是JavaScript内置的一个方法,可以直接用它来创建对象:
var p = new Object();
p.id = 12;
p.name = "张三";
p.print = function(){
document.write("id=" + this.id + " name=" +this.name);
}
document.write("id:" + p.id + " 姓名:" + p.name + "<br/>");
p.print();
运行结果:
id:12 姓名:张三
id=12 name=张三
4.使用字面量的方式创建对象
var p = {
id:12,
name:"王五",
print:function(){
document.write("id=" + this.id + " name=" +this.name);
}
}
p.print();
运行结果:
id=12 name=王五
上一篇: JavaScript中的自定义错误
下一篇: JavaScript的创建自定义类型
推荐阅读
-
什么是javascript对象和数组的初始化表达式?
-
开始了解 PHP V5 中的对象_PHP
-
深入理解Javascript中this的作用域_javascript技巧
-
Javascript中的相等与不等运算_javascript技巧
-
js从10种颜色中随机取色实现每次取出不同的颜色_javascript技巧
-
为什么很多源码中的数据库取值不用对象方法呢
-
python学习笔记之面向对象中的静态方法、类方法、属性方法总结
-
javascript - 用户发帖应用开发中,用户异步上传了图片,但最终帖子没发布,那么上传的图不就没有用了吗怎么处理这种情况?
-
javascript 的面向对象特性参考_基础知识
-
js中设置元素class的三种方法小结_javascript技巧