JavaScript面向对象实现的两种常用方法
作者:木棉时间:2026-10-29 08:30:40浏览:262
本文总结了JavaScript中实现面向对象的两种常见方式。第一种通过对象字面量直接定义属性与方法;第二种利用函数引用结合this关键字,演示了全局与对象上下文的切换,并介绍了apply和call方法的调用技巧。
JavaScript面向对象实现概述
本文实例总结了JavaScript中实现面向对象编程的几种典型方式,旨在为读者提供实用的参考与学习思路。
对象字面量定义法
第一种实现方式如下所示:
var person = {
name: 'hello world',
age: 22,
sayHello:function(){
alert('I\'m 'this.name ',and I\'m ' this.age 'years old');
}
};
person.sayHello();//I'm hello world, and I'm 22 years old
函数引用与上下文切换
第二种实现方式如下所示:
window.color = "red";
var o = { color: "blue"};
function sayColor(){
alert(this.color);
}
sayColor(); //"red"
o.sayColor = sayColor;
o.sayColor(); //"blue"
//也可以使用apply和call
sayColor.apply(o);//"blue"
sayColor.call(o);//"blue"
希望上述内容能对各位在JavaScript程序设计方面有所帮助。
作者最新文章
JS合并多个数组的三种方法:concat、spread与flat
2026-11-05 17:39:45
JavaScript怎么准确判断数据类型:typeof、instanceof与Object.prototype.toString
2026-11-05 17:09:21
JS中将数组和对象混合组装为JSON字符串
2026-11-05 16:41:42
JS运算符优先级与结合性的区别是什么?
2026-11-05 13:22:02
JS Map怎么只遍历Key或Value
2026-11-05 13:00:36
