Is javascript object-oriented?-Front-end Q&A-php.cn

Is javascript object-oriented?

青灯夜游

Release： 2021-10-19 11:29:28

Original

5546 people have browsed it

Javascript is not a strictly object-oriented language, but a client-side scripting language based on object-driven and event-driven programming. Reason: Object-oriented includes three major features: encapsulation, inheritance, and polymorphism; while JavaScript only has encapsulation, and inheritance only simulates inheritance, not object-oriented.

Is javascript object-oriented?

The operating environment of this tutorial: windows7 system, javascript version 1.8.5, Dell G3 computer.

Javascript is not a strictly object-oriented language, but a client-side scripting language based on object-driven programming; it can not only create objects, but also use existing objects.

Why is JavaScript not an object-oriented language?

Because object-oriented includes three major characteristics: encapsulation, inheritance, and polymorphism. There is only encapsulation in JavaScript, and inheritance is only simulated inheritance, not object-oriented.

All said, in JavaScript, everything is an object, properties, arrays, functions, etc. are all objects.

There is no overloading in JavaScript

Is javascript object-oriented?

There is no overloading in JavaScript. Functions with the same name defined later will Overwrite the previous functions and always only call the last one, and the formal parameters in JS are just placeholders. If you define two formal parameters, you can only pass one parameter, just to facilitate the actual parameters passed by the programmer.

When the formal parameters are not written, the actual parameters cannot be conveniently used as placeholders. In this case, the implicit formal parameters arguments[0] are used to access the first actual parameter, and arguments[1] is used to access the second actual parameter. etc.

Use functions to simulate classes

Generally, the first letter of the name of a class is capitalized. 1. There is a constructor when defining the class, 2. Methods The attribute value of is a function.

Example:

<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>

Copy after login

Use Object class to create instant objects

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

Copy after login

Example:

<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>

Copy after login

Simulation Inheritance

1. Use the call() function to simulate inheritance

<!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>

Copy after login

2. Use the apply() function to simulate inheritance

<!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>

Copy after login

3. Use Prototype prototype simulates inheritance

<!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>

Copy after login

Through the prototype attribute of the class, you can know what attributes and methods the class has.

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

Copy after login

【Related recommendations: javascript learning tutorial】

The above is the detailed content of Is javascript object-oriented?. For more information, please follow other related articles on the PHP Chinese website!