搜索

首页 >web前端 >前端问答 >javascript是面向对象吗

javascript是面向对象吗

青灯夜游
青灯夜游原创
2021-06-30 17:34:545575浏览

javascript并不是严格意义的面向对象语言，而是一种基于对象、事件驱动编程的客户端脚本语言。原因：面向对象包括三大特征：封装、继承、多态；而JavaScript中只有封装，继承也只是模拟继承，谈不上面向对象。

javascript是面向对象吗

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript并不是严格意义的面向对象语言，而是一种基于对象、事件驱动编程的客户端脚本语言；它不仅可以创建对象，也能使用现有的对象。

为什么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(&#39;我是&#39;+this.sname+&#39;,我在学习&#39;)
                }
            }
            var stu = new Student(1,&#39;xiaoming&#39;,20);
            stu.study();
</script>

使用Object类创建即时对象

delete stu.name;//可以删除属性

示例：

<script type="text/javascript">
            var stu = new Object();
            stu.sno = 1;
            stu.sname = &#39;xiaoming&#39;;
            stu.age = 20;
            stu.study = function(){
                alert(&#39;我是&#39;+this.sname+&#39;,我在学习&#39;);
            }
            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(&#39;姓名：&#39;+this.name+",年龄："+this.age+",我在吃饭");
                }
            }
            function Student(sno,name,age){
                Person.call(this,name,age);//相当于super(name,age)
                this.sno = sno;
                this.study = function(){
                    alert(&#39;学号：&#39;+this.sno+&#39;,姓名：&#39;+this.name+",年龄"+this.age+",我在学习");
                }
            }
            var stu = new Student(1,&#39;xiaoming&#39;,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(&#39;姓名：&#39;+this.name+",年龄："+this.age+",我在吃饭");
                }
            }
            function Student(sno,name,age){
                Person.apply(this,[name,age]);//相当于super(name,age)
                this.sno = sno;
                this.study = function(){
                    alert(&#39;学号：&#39;+this.sno+&#39;,姓名：&#39;+this.name+",年龄"+this.age+",我在学习");
                }
            }
            var stu = new Student(1,&#39;xiaoming&#39;,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(&#39;姓名：&#39;+this.name+",年龄："+this.age+",我在吃饭");
                }
            }
            function Student(sno,name,age){
                this.sno = sno;
                this.name = name;
                this.age = age;
                this.study = function(){
                    alert(&#39;学号：&#39;+this.sno+&#39;,姓名：&#39;+this.name+",年龄"+this.age+",我在学习");
                }
            }
            //1.创建父类对象
            var person = new Person();
            //2.子类.prototype = person;
            Student.prototype = person;
            //把父类的原型赋值给子类的原型，原型一致，模拟实现了继承。
            //但是会丢失子类的属性值，全变成了undefined，即使new 对象时加上了，也不起作用
            //打脸，xiaoming既吃饭也学习
            var stu = new Student(1,&#39;xiaoming&#39;,20);
            //动态的添加方法,即使在new对象之前没有这个方法
            Student.prototype.test = function() {
                alert(&#39;test动态添加方法&#39;);
            }
            stu.eat();
            stu.study();
            stu.test();
        </script>
    </head>
    <body>
    </body>
</html>

通过类的prototype属性，可以获知该类有那些属性和方法。

//1.创建父类对象 
var person = new Person(); 
//2.子类.prototype = 父类对象 
Student.prototype = person ; 
//把父类的原型赋值给子类对象的原型，原型一致，模拟实现了继承。

【相关推荐：javascript学习教程】

以上是javascript是面向对象吗的详细内容。更多信息请关注PHP中文网其他相关文章！

JavaScript Object 面向对象 封装 多态 构造函数 继承 形参 实参 JS 对象 事件 prototype
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
上一篇：遮罩层怎么做下一篇：javascript脚本放在哪里

相关文章

查看更多