我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

javascript是不是面向对象

这篇文章主要讲解了“javascript是不是面向对象”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javascript是不是面向对象”吧!

创新互联成立以来不断整合自身及行业资源、不断突破观念以使企业策略得到完善和成熟,建立了一套“以技术为基点,以客户需求中心、市场为导向”的快速反应体系。对公司的主营项目,如中高端企业网站企划 / 设计、行业 / 企业门户设计推广、行业门户平台运营、app软件开发、手机网站开发、微信网站制作、软件开发、西信服务器托管等实行标准化操作,让客户可以直观的预知到从创新互联可以获得的服务效果。

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

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

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

为什么JavaScript不是面向对象的语言?

因为面向对象包括三大特征:封装、继承、多态。JavaScript中只有封装,继承也只是模拟继承,谈不上面向对象。

所有说,在JavaScript中,一切都是对象,属性、数组、函数等等都是对象。

JavaScript中没有重载

javascript是不是面向对象

JavaScript中没有重载,后面定义的同名函数会把前面的函数覆盖掉,永远只调用最后一个,而且JS中的形参只是占位符,定义两个形参,可以只传一个参数,只是为了方便程序员传来的实参。

不写形参时,实参不能方便使用占位符,这时使用隐式形参arguments[0]来访问第一个实参,arguments[1]访问第二个实参 等等。

使用函数模拟类

一般类的名称首字母大写,1.定义类时同时有了构造函数,2.方法的属性值是函数。

示例:


            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();

使用Object类创建即时对象

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

示例:


            var stu = new Object();
            stu.sno = 1;
            stu.sname = 'xiaoming';
            stu.age = 20;
            stu.study = function(){
                alert('我是'+this.sname+',我在学习');
            }
            stu.study();

模拟继承

1、使用call()函数来模拟继承



    
        
        
        
            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();
        
    
    
    

2、使用apply()函数来模拟继承



    
        
        
        
            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();
        
    
    
    

3、使用原型prototype模拟继承



    
        
        
        
            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();
        
    
    
    

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

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

感谢各位的阅读,以上就是“javascript是不是面向对象”的内容了,经过本文的学习后,相信大家对javascript是不是面向对象这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


网站名称:javascript是不是面向对象
链接URL:http://mswzjz.cn/article/ppjhji.html

其他资讯