这篇文章主要讲解了“javascript是不是面向对象”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“javascript是不是面向对象”吧！
这篇文章主要讲解了“javascript是不是面向对象”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“javascript是不是面向对象”吧！
javascript并不是严格意义的面向对象语言，而是一种基于对象、事件驱动编程的客户端脚本语言。原因：面向对象包括三大特征：封装、继承、多态；而JavaScript中只有封装，继承也只是模拟继承，谈不上面向对象。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
javascript并不是严格意义的面向对象语言，而是一种基于对象、事件驱动编程的客户端脚本语言；它不仅可以创建对象，也能使用现有的对象。
为什么JavaScript不是面向对象的语言？
因为面向对象包括三大特征：封装、继承、多态。JavaScript中只有封装，继承也只是模拟继承，谈不上面向对象。
所有说，在JavaScript中，一切都是对象，属性、数组、函数等等都是对象。
JavaScript中没有重载
JavaScript中没有重载，后面定义的同名函数会把前面的函数覆盖掉，永远只调用最后一个，而且js中的形参只是占位符，定义两个形参，可以只传一个参数，只是为了方便程序员传来的实参。
不写形参时，实参不能方便使用占位符，这时使用隐式形参arguments[0]来访问第一个实参，arguments[1]访问第二个实参 等等。
使用函数模拟类
一般类的名称首字母大写，1.定义类时同时有了构造函数，2.方法的属性值是函数。
示例：
<script type="text/javascript">
function Student (sno,sname,age) {
this.sno = sno;
this.sname = sname;
this.age = age;
this.study = function(){
alert('我是'+this.sname+',我在学习')
}
}
var stu = new Student(1,'xiaoming',20);
stu.study();
</script>使用Object类创建即时对象
delete stu.name;//可以删除属性示例：
<script type="text/javascript">
var stu = new Object();
stu.sno = 1;
stu.sname = 'xiaoming';
stu.age = 20;
stu.study = function(){
alert('我是'+this.sname+',我在学习');
}
stu.study();
</script>模拟继承
1、使用call()函数来模拟继承
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function Person (name,age) {
this.name = name;
this.age = age;
this.eat = function(){
alert('姓名：'+this.name+",年龄："+this.age+",我在吃饭");
}
}
function Student(sno,name,age){
Person.call(this,name,age);//相当于super(name,age)
this.sno = sno;
this.study = function(){
alert('学号：'+this.sno+',姓名：'+this.name+",年龄"+this.age+",我在学习");
}
}
var stu = new Student(1,'xiaoming',22);
stu.eat();
stu.study();
</script>
</head>
<body>
</body>
</html>2、使用apply()函数来模拟继承
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function Person (name,age) {
this.name = name;
this.age = age;
this.eat = function(){
alert('姓名：'+this.name+",年龄："+this.age+",我在吃饭");
}
}
function Student(sno,name,age){
Person.apply(this,[name,age]);//相当于super(name,age)
this.sno = sno;
this.study = function(){
alert('学号：'+this.sno+',姓名：'+this.name+",年龄"+this.age+",我在学习");
}
}
var stu = new Student(1,'xiaoming',22);
stu.eat();
stu.study();
</script>
</head>
<body>
</body>
</html>3、使用原型prototype模拟继承
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function Person (name,age) {
this.name = name;
this.age = age;
this.eat = function(){
alert('姓名：'+this.name+",年龄："+this.age+",我在吃饭");
}
}
function Student(sno,name,age){
this.sno = sno;
this.name = name;
this.age = age;
this.study = function(){
alert('学号：'+this.sno+',姓名：'+this.name+",年龄"+this.age+",我在学习");
}
}
//1.创建父类对象
var person = new Person();
//2.子类.prototype = person;
Student.prototype = person;
//把父类的原型赋值给子类的原型，原型一致，模拟实现了继承。
//但是会丢失子类的属性值，全变成了undefined，即使new 对象时加上了，也不起作用
//打脸，xiaoming既吃饭也学习
var stu = new Student(1,'xiaoming',20);
//动态的添加方法,即使在new对象之前没有这个方法
Student.prototype.test = function() {
alert('test动态添加方法');
}
stu.eat();
stu.study();
stu.test();
</script>
</head>
<body>
</body>
</html>通过类的prototype属性，可以获知该类有那些属性和方法。
//1.创建父类对象
var person = new Person();
//2.子类.prototype = 父类对象
Student.prototype = person ;
//把父类的原型赋值给子类对象的原型，原型一致，模拟实现了继承。感谢各位的阅读，以上就是“javascript是不是面向对象”的内容了，经过本文的学习后，相信大家对javascript是不是面向对象这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是编程网，小编将为大家推送更多相关知识点的文章，欢迎关注！
--结束END--
本文标题: javascript是不是面向对象
本文链接: https://www.lsjlt.com/news/69526.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0