JavaScript面向对象

最新推荐文章于 2024-02-28 23:59:43 发布
最新推荐文章于 2024-02-28 23:59:43 发布
阅读量583 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/longhua2014/article/details/30058745
版权

    开始学习面向对象了，JavaScript面向对象和Perl的面向对象都是有些怪异，但也好理解，Perl是通过子程序来创建一个构造函数，而JavaScript是通过一个方法(function)来创建一个类，而且，你只是一般调用这个方法,那它就是一个函数，而new一个时，它就是一个类了

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Js1.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
   <!-- <script type="text/javascript">-->
   <script language="javascript" src="myjs.js"></script>
    <script language="javascript">

         // catx 类
         function catx(){
         
         }
         //创建对象
         var cat = new catx();
         cat.name="小白";
         cat.age=3;
         document.write(cat.name+cat.age+"<br />");
            //另一种对象访问的方式cat['name']=cat.name
           document.write(cat['name']+cat.age+"xx <br />");
         if (cat instanceof catx){
           document.write("cat 是catx的对象 <br />");
         }
         
         if (cat.constructor == catx){
           document.write("cat11 是catx的对象 <br />");
         }
         
          document.write(cat.constructor+"catx的构造函数 <br />");
          
          //带var与不带var的区别，var相当于定义了一个全局变量
          var dlhx = 90;
          function testx(){
               //在函数中，如果你不带var,则表示使用全局变量dlhx
               //如果你带上var,表示testx()中，定义一个新的变量dlhx
              var dlhx = 80;
          }
          document.write(dlhx+"dlhx <br />");
          
          function person(){}
          
          //因为对象a,b都指向同一个地址，所以，只要改变了一个，另一个也会变
          var a = new person();
          a.age=10;
          a.name='小华';
          var b = a;
          document.write(b.age+"对象引用 <br />");
          b.name='小燕子';
          document.write(b.name+"  "+a.name+"对象引用 <br />");
          //把b的对象对a的引用，断开了，就是对象没有了,删掉对象,b.name就访问不到值了
          b=null;
          delete a.age;//删掉对象a的属性
        document.write("++++++++++++++++++++++++++++++++ <br />");   
          function pox(){
          
            var x = 1; //用var代表私有，外面不能直接访问,只能在内部用
            var y = 'kk';
            this.m=22;//用this代表公有，外面可以直接访问
            this.show=function (){
               document.write(x+"类中公有方法 <br />");
               show2()//可以在先调公开方法，公开方法中再调私有方法
            }
            
            function show2(){     
                document.write(x+"类中私有方法，外面不可调用 <br />");
            }
          }
          var a = new pox();
            document.write(a.m+" <br />");
            a.show();
            // a.show2();
                      
             //这里会输出90,因为test1这时是一个函数，而this的对象代表window
             //
             function test1(){
             
                 document.write(this.v+" mm <br />"); 
             }
             
             var v = 100;
             //test1(); // =window.test()
             
             
             function xfg(){
                this.v = 110;
             
             }
            
             var k1 = new xfg();
             //k1.test1();  
              //这里会输出100,因为test1这时是一个函数，而this的对象代表window
             //谁调用这个它,谁就代表它是this(那个对象的实例调用了this,那这个this
             //就代表了这个实例函数)
             
             //this只能在类内部中或类的方法中使用，不能这时的this就不是类了，而
             //可能是window了
             function test1(){              
                 document.write(this.v+" mm xx <br />"); 
             }
             
             var v = 100;
             test1(); // =window.test()
             document.write(this.v+" mm <br />");
             
             
             function xfg(){
                
                this.show = function(){          
                     document.write(this.vx+" mm <br />");
                
                }
             
             }
            
             var k1 = new xfg();
             k1.vx = 'hi';
             k1.show();
             document.write("++++++++++++++++++++++ <br />");
             
  function hans(name,age){
                this.name=name;
                this.age=age;
                this.show = function(){               
                     document.write(this.name+" name <br />");
                
                }
               
                this.add = function(){
                   var tmp = 0;
                   for (var i =0;i <= 10;i++){
                       tmp+=i;
                   }
                   return tmp;
                }
                //计算从小加到n
                this.addx = function(n){
                   var tmp = 0;
                   for (var i =0;i <= n;i++){
                       tmp+=i;
                   }
                   return tmp;
                }                
             }
            
             var k1x = new hans('dlh',20); 
             k1x.show();
             var x = k1x.add();            
             document.write(x+" xx <br />");
             document.write(k1x.addx(100)+" addx <br />");
             
             function tmp(){                             
                 document.write(" 为对象动态增加一个方法,任何对象都可以指向这个方法 <br />");               
             }
             //为对象动态增加一个方法,这里是abc指向tmp的方法(引用)
              k1x.abc = tmp;
              k1x.abc();
              
              //只能是abcx的对象引用这个方法
              k1x.abcx = function tmpx(){  
                          
               document.write(" 为对象动态增加一个方法,且只能为当前调用它的对象增加，其它的不行 <br />");
                
             }
             
             k1x.abcx();
             //这里会把tmp的函数打印出来，因为是tmp,而没有带tmp()
             document.write(tmp+" tmp === <br />");
                                       
     </script>
  </body>
</html>  

longhua2014
关注
专栏目录
JavaScript 面向对象
菜鸟小铭的博客
07-08 1117
JavaScript高级语法之面向对象 这篇文章主要讲了JavaScript ES6之后有类的概念的面向对象的方法和ES5之前没有类的概念时的面向对象的方法 如有错误，欢迎前来指正 JavaScript 面向对象(ES6之后) JavaScript中的对象是无序的属性和方法的集合 创建类 同样使用大驼峰命名法，首字母大写 代码示例： // 声明类 class 类名 { // class body } // 实例化对象 var 对象名 = new 类名(); 在类中所有的函数都不用加
JavaScript 面向对象编程
gako15587481707的博客
06-18 1318
面向对象编程是一种程序设计思想，它具有 3 个显著的特征：封装、继承、多态。
JavaScript 面向对象详解
qq_36081714的博客
08-09 4737
JavaScript面向对象
JavaScript面向对象编程
Kali与编程
02-28 1044
例如，我们可以定义一个人类（Person）的类，这个类包括属性（姓名、年龄、性别）和方法（吃饭、睡觉等），然后通过构造函数来创建人类的对象。封装（Encapsulation）是面向对象编程的一种基本原则，它指的是将对象的属性和方法组合在一起，形成一个独立的单元，并对外部隐藏对象的实现细节。这样可以保证代码的灵活性和可维护性。在上面的例子中，我们使用字面量的方式创建了一个名为p2的对象，它具有name为’Jerry’、age为25、gender为’female’的属性和eat、sleep两个方法。
JavaScript面向对象目录
qq_42911663的博客
01-12 913
JavaScript面向对象目录 《谈一谈JavaScript面向对象》 《JavaScript面向对象与原型》 《JavaScript面向对象 (call()方法) 》 《JavaScript面向对象之继承（上）》 《JavaScript面向对象之继承（下）》 《JavaScript面向对象之ES6中的类和继承》 《JavaScript面向对象之多态》 ...
JavaScript面向对象(2)—继承的实现
qq_52732369的博客
03-11 1996
面向对象的三大特性：封装、继承和多态。上一篇我们简单的了解了封装的过程，也就是把对象的属性和方法封装到一个函数中，这一篇讲一下JavaScript中继承的实现，继承是面向对象中非常重要的特性，它可以帮助我们提高代码的复用性。继承主要的思想就是将重复的代码逻辑抽取到分类中，子类只需要通过继承分类，就可以使用分类中的方法，但是在实现JavaScript继承之前，需要先了解一个重要的知识点“原型链”。
JavaScript面向对象编程详解
m0_75198698的博客
04-24 1487
面向对象编程（Object-oriented programming，简称 OOP）是一种基于对象和类的编程范式，它将数据和操作数据的函数封装在一起，形成一个独立的对象，并允许对象之间通过继承、接口等方式相互联系和交互。在 JavaScript 中，每个对象都有一个原型对象，它定义了该对象的基本属性和方法，而对象之间的继承关系通过原型链来实现。在子类 Child 中，我们定义了自己的属性 age 和方法 sayAge()，并且可以调用父类 Parent 的方法 sayHello()。
JavaScript面向对象的介绍
qq_55031668的博客
11-19 539
JavaScript面向对象 1.面向对象编程介绍 1.1两大编程思想 面向过程 面向对象 1.2面向过程编程POP(Process-oriented programming) ​ 面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。 1.3面向对象编程OOP(Object Oriented Programming) ​ 面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作。 在面向对象程序开发思想中，每一个对象都是功
JavaScript面向对象简单介绍
筱竹的博客
11-17 1295
1、面向过程和面向对象 javascript面向过程 比如 算算术 自己动手算 获取页面的中的id document.getElementById() 面向对象 对象就是计算器 使用计算器算算术，从此很容易 要有有个获取id的这个对象 function getid(d){ return document.getElementById(d); } console.log(getid("box")); 使用面向过程很繁琐，自己做很繁琐， 使用面向对象容易，让这个对象帮我们做事情， 也就是说，我们把.
Javascript面向对象编程.
03-26
在提供的资源中，《代码之美》PDF文件可能包含了关于编程实践和代码风格的指导，而《Javascript面向对象编程》PPT可能更具体地阐述了JavaScript OOP的细节和示例。学习这些材料将有助于深入理解JavaScript的面向对象...
再谈javascript面向对象编程
12-09
JavaScript并非Java的子集或附属品，而是一门独立的语言，拥有自己独特的面向对象编程机制。尽管它的名称可能会引起混淆，但JavaScript的正式名称是ECMAScript，这是由欧洲计算机制造商协会（ECMA）制定的标准。 ...
NanoAirline航空公司管理系统.zip
最新发布
09-13
NanoAirline是一个基于Spring Boot框架开发的简单航空公司管理系统。该系统旨在提供航空公司的基本管理功能，包括但不限于航班管理、乘客信息管理、机票预订等功能。该系统适用于中小型航空公司或作为大型航空公司管理系统的补充，能够帮助航空公司实现高效、便捷的管理和操作。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。
基于Tensorflow的手势识别代码+数据集+文档说明（期末大作业）
09-13
基于Tensorflow的手势识别代码+数据集+文档说明（期末大作业），含有代码注释，新手也可看懂。毕业设计、期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。该项目可以作为毕设、课程设计期末大作业使用，该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。 基于Tensorflow的手势识别代码+数据集+文档说明（期末大作业），含有代码注释，新手也可看懂。毕业设计、期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。该项目可以作为毕设、课程设计期末大作业使用，该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。 基于Tensorflow的手势识别代码+数据集+文档说明（期末大作业），含有代码注释，新手也可看懂。毕业设计、期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。该项目可以作为毕设、课程设计期末大作业使用，该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。基于Tensorflow的手势识别代码+数据集+文档说明（期末大作业），含有代码注释，新手也可看懂
weixin029微信阅读网站小程序+ssm.rar
09-13
所有源码，都是可以运行起来的
基于java的植物健康系统设计与实现.docx
09-13
基于java的植物健康系统设计与实现.docx
书籍推荐系统构建实践.zip
09-13
本项目旨在从零开始构建一个书籍推荐系统。推荐系统在当前电子商务网站中非常受欢迎，能够向用户推荐最符合其喜好和特点的书籍。构建推荐系统需要掌握数据分析、机器学习和软件工程等领域的专业知识，学习新技能和工具具有挑战性和耗时的特点。本项目采用Book-Crossings书籍评分数据集，包含百万级别的用户书籍评分数据。此外，还提供书籍信息和用户信息表。项目全部代码基于Google Colab进行编写，利用GPU加速，数据集上传至Google Driv方e便直接下载。通过Jupyter notebook重现整个项目。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。
基于java的乡政府管理系统设计与实现.docx
09-13
基于java的乡政府管理系统设计与实现.docx
现代JavaScript面向对象编程探索
"javascript面向对象编程" JavaScript面向对象编程是一种基于对象和原型的编程范式，它允许开发者通过创建和操作对象来构建复杂的应用程序。在JavaScript中，对象是数据（属性）和函数（方法）的集合，这些函数可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值