`
hehebendan
  • 浏览: 81777 次
  • 性别: Icon_minigender_1
  • 来自: 伊拉克
社区版块
存档分类
最新评论

javaScript基础总结

阅读更多

对于javaScript来讲,并没有类的概念,但是可以理解为有类的概念,我们在创建一个对象的时

间可以去定义一个构造器,这个构造器跟JAVA的构造方法差不多,只要以后每创建一个对象这个

对象就会具备构造器中的属性。
在Javascript中每一对象都有一个属性为Prototype这个属性,对于这个属性就相当于JAVA中的

super关键字,是代表着对父类对象的一个引用,由于我们创建对象的时间如果将方法定义在构

造器中就会造成过多的浪费,因此我们可以将我们要定义的方法交给父类,当我们在去创建对象

的时间那么在内存中就不必再为这个方法开辟空间了,只保证有一个

Person.prototype.say=function(){alert("Ok")}
既然谈及到父类那么不得不说继续;
javascript中的继续,有真继续和假继续。假继承无非就是将父类的构造器的方法指针交给子类

的一个变量,然后这个指针就指向了父类的构造器,我们就可以进行我们的操作,然后将子类定

义的这个变量删除,有点过河拆桥的味道,然后还可以定义自身的方法和属性。
javascript中的真继续,就是将父类的一个对象,NEW的一个对象,交给子类一个变量,然后这

个变量再去操作父类等方法。
创建对象有下面的这么几种方法:

1》简单的工厂模式:

    例如:  function createObject(){
           
            var obj = new  Object();
              obj.name="Tom";
              obj.sing=function(){alert(Ok)}
            return obj;
          }
    对于上面的这种模式,我们可以看出每次我们调研后产生的对象的名字都是一样,方法也一

样的,因此,出现了下面的这种模式:
     例如:  function createObject(name){
              var obj = new Object();
       obj.name=name;
             obj.sing=function(){alert(this.name)}
               return obj;
           }
2>>  构造器:
            function Person(name,height){
            this.name=name;
            this.height=height;
            this.sing=function(){alter(this.name)}
} 上面这样的构造器当我们每创建一个对象的时间那么就会创建一个函数,消耗内存;因此
出现了原型方式:

3》 原型构造法:

            function Person(){
         Person.prototype.name="Tom";
         Person.prototype.sing=function(){
             alert(this.name);
}
              
}
对于上面的名字是写死了的出现缺陷所以出现了原型构造法和混合构函数

4》    function Person(name){
           this.name=name;
       }
        Person.prototype.sing=function(){
            alert(this.name)
}

这种模式看上去仿佛有点不自然,因为属性写到构造器的外面来了,所以有如下的方式

5》动态原型方式:
         function Person(name){
         this.name=name
            if(typeof _inint=="undefined"){
             Person.prototype.sing=function(){
             alert(this.name)
      }
       Person._inint=true;  
  }
}
6>>  混合工厂方式:
      function Person(name){
       var per = new Person(name);
       Person.prototype.sing=function(){
            alert(per.name);
}
       return per;
   
}
7>> Json模式 :
       
    var personObject{
            name:"TOM",
            age:17,
            sing:function(){alert("ok")}
      }
分享到:
评论

相关推荐

    读书笔记:Javascript基础总结Dom事件原生函数正则.zip

    读书笔记:Javascript基础总结Dom事件原生函数正则

    javascript基础知识总结

    以下是对JavaScript基础知识的总结,主要关注在网页中使用的弹出对话框、函数调用以及带有参数的函数。 1) Alert Box `alert()` 函数用于显示一个包含警告信息的单行对话框,用户只能点击“确定”按钮关闭它。在...

    JavaScript基础知识总结

    JavaScript 基础教程 JavaScript 是一种广泛应用于网页和网络应用的轻量级编程语言,它主要用于增强网页的交互性和动态功能。JavaScript 能够直接嵌入 HTML 页面中,为设计师提供了一种无需深入编程就能实现动态...

    javascript基础语法总结.pdf

    这个资源是javaScript基础语法的总结,适合学完javascript基础语法的进行巩固、复习! 这...我是想免费给大家看的,这怎么还收费

    javascript课程内容总结

    JavaScript 是一种广泛应用于网页开发的编程语言,以下是 JavaScript 的基础知识点总结。 数据类型 在 JavaScript 中,数据类型包括字符串(string)、数值型(number)、布尔型(boolean)、null、undefined 和...

    JavaScript语言基础知识点总结十张图

    本文将基于“JavaScript语言基础知识点总结十张图”这一主题,深入探讨JavaScript的基础概念、语法特性以及核心知识点。 1. **变量与数据类型** JavaScript有七种数据类型:Undefined、Null、Boolean、Number、...

    Javascript基础.xmind

    JavaScript基础三天总结

    JavaScript语言基础知识总结(10张,神一样的总结!)

    这篇总结涵盖了JavaScript语言的基础知识,帮助初学者快速上手并深入理解这门强大的脚本语言。 首先,我们来看“JavaScript 数据类型”。JavaScript有七种数据类型:Undefined、Null、Boolean、Number、BigInt、...

    JavaScript学习基础学习心得

    #### JavaScript基础语法 1. **运算符**: - 算术运算符:`+`、`-`、`*`、`/`、`%`。 - 赋值运算符:`=、+=、-=、*=、/=、%=`。 - 比较运算符:`==、===、!=、!==、<、>、、>=`。 - 逻辑运算符:`&&、||、!`。 ...

    JavaScript基础知识总结.xmind

    通过思维导图的方式,快速了解掌握JavaScript的基本内容

    javascript开发基础总结

    这篇"JavaScript开发基础总结"涵盖了从基本概念到实际应用的关键知识点,旨在帮助初学者或有经验的开发者巩固JavaScript基础。 首先,JavaScript的数据类型是理解语言基础的关键。JavaScript有两种主要的数据类型:...

    常见的前端面试题大全总结

    最全 JavaScript 基础总结~建议收藏;基础很好?总结了 38 个 ES6-ES12 的开发技巧,倒要看看你能拿几分? 3、Vue 史上最强 vue 总结---面试开发全靠它了;30 道 Vue 面试题,内含详细讲解(涵盖入门到精通,自测 ...

    JavaScript基础教程 精简版

    总结,这个精简版的JavaScript基础教程涵盖了语言的基本要素,从数据类型、运算符到控制流,再到对象、函数和事件处理,为初学者提供了一个全面的入门框架。理解并熟练运用这些知识点,是成为JavaScript开发者的首要...

    JavaScript学习总结

    一、JavaScript基础 JavaScript由Brendan Eich在1995年发明,最初是为了网页交互而设计,现在已经成为全球最流行的编程语言之一。它是一种解释型、弱类型、基于原型的语言,支持事件驱动、函数式以及命令式编程风格...

    javascript基础学习代码总结

    还有写对于javascript对应的知识点案例。每个文件里都会有很多的注释信息,方面阅读和学习。 ...2.每个模块代码都有注释可用来...4.适合于没有javascript基础或javascript基础不扎实想要学习js知识点的人群参考和学习。

    Javascript总结导图

    本篇内容将围绕"JavaScript总结导图"展开,深入探讨JavaScript的基础知识、核心概念以及高级特性。 1. **基础语法** JavaScript的基础包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、null、...

    JavaScript经验总结

    以上就是本文档中所总结的部分 JavaScript 基础知识和常见操作。这些内容覆盖了 JavaScript 的基础语法、字符串处理、数组操作等多个方面,对于初学者来说非常有用。希望这些知识点能够帮助大家更好地理解和掌握 ...

    JavaScript基础语法.xmind

    自己总结的JavaScript基础语法的笔记,绘制了详细的思维导图,每个思维导图中均有详细的博文解释,方便大家学习和理解,免费分享给大家。适合网页前端的爱好者和学习者

    JavaScript学习笔记,javascript基础知识,基础语法整理.pdf

    JavaScript基础知识点总结 JavaScript是一种高级的、动态的、基于对象的客户端脚本语言。它是在网页上执行的脚本语言,能实现网页的交互功能。下面是该资源中的重要知识点总结: 一、 JavaScript 基本概念 * ...

    JavaScript基础笔记.md

    ### JavaScript基础知识点详解 #### 一、JavaScript简介 **JavaScript**是一种主要运行在客户端的脚本语言,它不需要经过编译就能直接由浏览器解析执行。这使得JavaScript成为了现代Web开发中不可或缺的一部分,...

Global site tag (gtag.js) - Google Analytics