- 博客(45)
- 收藏
- 关注
原创 JavaScript教程-44-JavaScript实现继承的方式
1:通过原型对象继承,子类的原型对象指向父类实例。缺点:创建子类对象的时候,父类中的属性必须通过父类的构造方法去初始化。2:类继承(只继承模版,不继承原型对象)也称为借用构造函数式继承。3:上述两种的混合使用。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <ti...
2020-04-08 18:17:41
157
原创 JavaScript教程-43-原型对象常用开发模式
在实际的开发过程中,我们创建对象,给对象添加属性和方法,当需要多个对象共享同一个属性方法的时候,会使用原型来实现。JavaScript的继承是以原型为基础的,接下来我们就看看经常使用的基于原型对象的开发模式。1:组合模式:使用原型和构造函数的组合<!DOCTYPE html><html> <head> <meta charset="UTF...
2020-04-08 18:15:05
220
原创 JavaScript教程-42-简单原型的使用
直接看代码,说明都在注释里了<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>简单原型的使用</title> <script type="text/javascript"> //在以前学习的知识里,我们要通过原型去添加属...
2020-04-08 18:08:49
152
原创 JavaScript教程-41-函数原型对象练习
1:给数组添加可以遍历多维数组的each() 方法<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>利用原型对象给Array添加each遍历方法</title> <script type="text/javascript">...
2020-04-08 18:04:46
147
原创 JavaScript教程-40-原型常用方法介绍
1:prototypeObject.isPrototypeOf(object):用于检查prototypeObject是否在object的原型链中,如果在返回true,否则返回false。2:Object.getPrototypeOf(obj):用于获得返回obj对象的原型对象。3: o.hasOwnProperty(prop):用于判断prop 属性是不是对象o 的,是返回true,否...
2020-03-30 20:22:52
107
原创 JavaScript教程-39-JavaScript的原型对象
1:JavaScript是基于对象的,而且也存在继承。JavaScript中的继承是以原型为基础的继承。所以接下来我们谈一谈关于JavaScript中的原型。2:函数的原型对象当我们定义一个函数的时候,那么该函数会默认有一个属性:prototype。针对定义的函数浏览器会按照一定的规则在内存中创建一个对象,这个对象称为该函数的原型对象。简称函数的原型。原型对象有一个默认的属性Co...
2020-03-30 20:21:07
113
原创 JavaScript教程-38-JavaScript面向对象编程
1:JavaScript不是面向对象的一种编程语言,而是基于对象的。因为JavaScript是基于对象的一种脚本语言,所以没有所谓的类似java中 类 class 的概念。但是我们可以通过JavaScript代码去模拟类的概念,让它看上去更像面向对象的。2:下面我们通过示例,对比传统的创建对象的方式和模拟类创建对象的方式。<!DOCTYPE html><html...
2020-03-30 20:16:23
118
原创 JavaScript教程-37-Closure 闭包
1:闭包的概念概念1:闭包是指有权访问另一个函数作用域中的变量的函数 --《JavaScript高级程序设计》概念2:函数对象可以通过作用域关联起来,函数体内的变量都可以保存在函数作用域内,这在计算机科学文献中称为“闭包”,所有的javascirpt函数都是闭包 --《Javascript权威指南》这些概念是很抽象的,很不好理解,下面我们通过一个例子来看一个简单的闭包的情形。...
2020-03-30 20:14:42
137
原创 JavaScript教程-36-JavaScript中的块级作用域
1:在JavaScript中原本是没有块级作用域这个概念的。和C、java等高级语言不同。所以在使用if、for等存在代码块的语句时要格外注意。2:在ECMAScript 6.0 这个版本,中定义了let关键字。这个let关键字是可以定义块级作用域的。当然我们这里提到的是关于 关键字var 的一些特性。3:示例<!DOCTYPE html><html&...
2020-03-27 17:26:51
182
原创 JavaScript教程-35-JavaScript的垃圾回收
1:关于JavaScript的垃圾回收机制JavaScript是一门具有自动垃圾回收机制的编程语言。开发人员不必关心内存的分配和回收的问题。但是我们应该掌握一些垃圾回收的原理,以及如何尽量去少的去申请内存和回收内存的代码行为。以实现更高的代码的执行的效率。2:垃圾回收机制浅析现在各大浏览器通常用采用的垃圾回收有两种方法:标记清除、引用计数。1:标记清除这是javascri...
2020-03-27 17:25:14
127
原创 JavaScript教程-34-JavaScript的执行环境
1:执行环境(Execution Context,也称为"执行上下文")是JavaScript中最为重要的一个概念。而且比较抽象。执行环境定义了变量或函数有权访问的其它数据,决定了各自的行为。当JavaScript代码执行的时候,会进入不同的执行环境,这些不同的执行环境就构成了执行环境栈。2:JavaScript中主要存在三种执行环境:-- 全局执行环境:JavaScript代码...
2020-03-27 17:23:53
95
原创 JavaScript教程-33-浅析call()、apply()
1:每个方法都包含两个非继承来的方法 call 和 apply。2:这两个方法的主要的作用就是用来设置方法中的this 指代的对象。可能这么说上去比较抽象。我先简单解释一下。任何的方法中都有一个this。上节课我们说过this指代了当前调用方法的对象。可能是window、也可能是某一个对象。那么call 和 apply的作用就是当我们使用某个方法的时候,可以通过call 和 apply ...
2020-03-27 17:22:15
81
原创 JavaScript教程-32-this关键字
1:this对象是在运行时基于函数的执行环境绑定的。在全局函数中,this等于当前的窗口对象window。而当函数被作为某个对象的方法调用时,this等于那个对象。-- 也就是说this关键字总是指代调用者。和java中类似。-- this在函数中使用,谁调用了函数,那么函数中的this就指代了谁。2:看示例:<!DOCTYPE html><html&g...
2020-03-27 17:20:39
129
原创 JavaScript教程-31-关于函数的参数
1:JavaScript中的函数的参数问题我们需要注意几个问题-- 实参和形参个数可以不一致-- 获得形参的个数和实参的个数-- 如何访问实参-- 函数的递归的实现2:JavaScript 中的函数的调用过程中,实参的个数可以和形参不一致。也不会报错。但是这样会存在一定的安全隐患。当然可以通过一些方式来解决问题。3:可以通过:[函数名.length] 来获得函...
2020-03-27 17:19:22
334
原创 JavaScript教程-30-JavaScript中三种函数的异同
1:先看三种函数的定义的方式和测试代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>三种函数的比较</title> <script type="text/javascript"> //1:function语句式 ...
2020-03-24 23:47:04
92
原创 JavaScript教程-29-关于函数类型Function
1:JavaScript是面向对象的语言。函数同样也是一个对象。函数的具体类型是什么,属于什么类型的实例,我们下面一一说明。2:看下面的示例和注释说明:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>关于函数的类型</title>...
2020-03-24 23:45:04
181
原创 JavaScript教程-28-函数的特殊用法
1:前面讲到了函数的基本的定义和基本的使用,接下来我们看看函数在具体的使用中的一些比较特殊的地方,和其他的语言的一些比较大的差异性。-- 函数的实参的个数可以和形参的个数不同-- 函数可以嵌套定义-- 函数名(引用)可以作为方法的实参2:具体差异看下面的示例:<!DOCTYPE html><html> <head> <m...
2020-03-24 23:43:51
84
原创 JavaScript教程-27-初识函数
1:JavaScript中的函数 Function 和java中的方法是一个概念。以前在c、c++ 语言中,方法都称为函数,java中称为方法,但是本质上都是一样的东西,定义的格式也大同小异。当然不同的语言之间还是存在一些差异的。2:首先我们来看一下函数的基本的定义和使用的方式。看代码(注意看注释):<!DOCTYPE html><html> <h...
2020-03-24 23:41:43
116
原创 JavaScript教程-26-String对象
1:String对象概述String对象是一个非常非常重要的对象。String对象用于处理文本(字符串、字符序列)。string是基本数据类型,String是基本数据类型的对应的包装对象。对象提供了很多的用于处理字符串的方法。和java中的String类中的方法很类似。2:String对象的属性 属性 描述 constructor...
2020-03-22 22:30:54
89
原创 JavaScript教程-25-Boolean对象
1:Boolean对象概述Boolean对象代表两个值,true 和 false。在 JavaScript 中,布尔值是基本数据类型。Boolean 对象是一个将布尔值进行封装的布尔对象。类似于java中的boolean和Boolean的关系。Boolean 对象主要用于提供将布尔值转换成字符串的 toString() 方法。当调用 toString() 方法将布尔值转换成字符串时(通常是...
2020-03-22 22:25:48
119
原创 JavaScript教程-24-Number对象
1:Number对象概述-- 在JavaScript中数字一种基本数据类型,就如同java中的int、float、double一样,是没有属性和方法的。在java中如果想使用一些操作int类型的方法,那么就要使用int 的包装类Integer。在JavaScript中亦如此,提供了对数字这已基本类型的包装类对象--Number。使用Number 可以将数值的基本类型转换为对象。在必要的时候,J...
2020-03-22 22:24:02
164
原创 JavaScript教程-23-Date日期对象的使用
1:ECMAScript把日期存储为距离UTC(世界统一时间是所有时区的基标准标时间,由原子钟提供。)时间1970年1月1日0点的毫秒数。2:下面通过练习来说明Date日期对象的创建和使用。Date对象如果想要使用必须先创建,不像Math一样直接使用的。示例:<!DOCTYPE html><html> <head> <meta ...
2020-03-20 21:53:20
590
原创 JavaScript教程-22-Date日期对象概述
1:Date对象用于处理日期和时间。-- Date 对象会自动把当前日期和时间保存为其初始值。2:Date对象的属性 属性 描述 constructor 返回对创建此对象的 Date 函数的引用。 prototype 使您有能力向对象添加属性和方法。 ...
2020-03-20 21:51:23
84
原创 JavaScript教程-21-Math对象的使用
Math对象的使用非常简单,和java中的Math的使用基本一致。示例:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Math对象学习</title> <!--Math没有构造方法,直接使用即可--> <sc...
2020-03-20 21:49:27
134
原创 JavaScript教程-20-Math对象概述
1:Math对象是JavaScript中的另外一个单体内置对象。通过Math.去访问对象中的属性和功能。该对象和java.lang.Math 用法基本一致。类似于一个数学工具类。可以去实现很多关于数学的各种运算。2:Math 对象属性 属性 描述 E 返回算术常量 e,即自然对数的底数(约等于2.718)。 ...
2020-03-20 21:47:45
111
原创 JavaScript教程-19-Global对象的使用
对Global对象中的常用的方法进行练习和说明,对与方法的使用和说明在练习的注释中有比较详细的解释。看代码的时候注意看注释。有些时候注释比代码更重要。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Global对象学习</title> ...
2020-03-19 23:35:25
165
原创 JavaScript教程-18-JavaScript中的内置对象Global
1:Global单体内置对象Global对象是JavaScript中的内部对象,该对象无法直接访问,(该对象我们可以认为是不存在的,是假象的一个对象。因为所有的函数,包括自定义的函数,不能独立存在,必须依赖于某一个对象)其目的是将全局方法收集到一个对象中。我们直接使用该对象的属性和方法即可。还有我们自己定义的全局变量和方法也隶属于该对象,可以在全局作用域可以直接访问。-- 全局对象 Glo...
2020-03-19 23:33:59
287
原创 JavaScript教程-17-关于JavaScript中的对象的介绍
1:对象(object)到底是什么?我们从两个层次来理解-- 对象是单个实物的抽象。任何一个物体,一本书,一棵树,一张纸,一个数据库,一个链接都是对象。当实物被抽象成对象,实物之间的关系就变成了对象之间的关系,从而就可以模拟现实情况,针对对象进行编程。-- 对象是一个容器,封装了属性(property)和方法(method)。其中属性是对象的状态,而方法是对象的行为功能。比如可以把狗抽象为...
2020-03-19 23:30:34
103
原创 JavaScript教程-16-练习-利用object的特性去除数组重复项
Object特点:object实例有什么特性呢?大家都知道,每个object实例都可以有很多是属性和方法,每个属性都可以保存唯一的一个值。也就是属性和值是一一对应的关系,也就是key-和value(键值对)的关系,前面我们利用这个特性模拟了java中的Map。也就是object实例的属性(key)是唯一的,但是值(value)却是不唯一的。接下来的这个练习就利用了这个特性:object实例的属性具...
2020-03-19 23:27:53
310
原创 JavaScript教程-15-Object练习模拟java中的Map
这个练习是使用object的功能来模拟java中的Map的一些功能。练习中有些涉及到了方法的使用。该部分内容后面会涉及。大家可以提前去看看相关的内容。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Object练习模拟java中的Map</tit...
2020-03-18 17:18:08
104
原创 JavaScript教程-14-Object实例的通用属性和方法
Object的每个实例都会具有下列属性和方法1:属性constructor:保存着用于创建当前对象的函数(相当于构造函数)。2:hasOwnProperty(propertyName):用于检测给定的属性在当前对象实例中是否存在。返回boolean值。3:isPrototype(object):用于检查传入的对象是否是另外一个对象的原型。4:propertyIsEnumerable...
2020-03-18 17:16:59
189
原创 JavaScript教程-13-Object的创建和使用
1:JavaScript中除了基本数据类型意外的,都是引用数据类型,也就是Object。Object是ECMAScript中使用最多的一种类型。(有点类似于java.lang.Object。)2:Object实例的创建和使用。示例:<!DOCTYPE html><html> <head> <meta charset="UTF-8...
2020-03-18 17:15:10
140
原创 JavaScript教程-12-关于JavaScript中的条件判断的补充说明
对于JavaScript中的条件判断:因为条件不只是可以是布尔值。还有一些其他的类型可以使用。归纳如下:-- number类型,所有的非0都是条件成立的true。0条件不成立false。-- string类型,如果是空串,那么条件不成立false,非空串条件成立true。-- null:条件不成立 false。-- undefined:条件不成立,false。-- object...
2020-03-18 17:13:16
85
原创 JavaScript教程-11-ECMA5关于数组的一些新特性介绍
JavaScript教程-11-ECMA5关于数组的一些新特性介绍在ECMA5中针对Array增加了一些新的功能,下面咱们介绍一下:1:关于索引位置的方法-- indexOf、lastIndexOf2:迭代的方法-- every、filter、forEach、some、map3:缩小的方法-- reduce、reduceRight关于方法的参数的解释,都在示例中进行...
2020-03-18 11:30:22
135
原创 JavaScript教程-10-JavaScript中的数组
JavaScript教程-10-JavaScript中的数组1:数组在ECMAScript是使用率很高的引用数据类型,ECMAScript所定义的数组和其他的语言中的数组有比较大的区别。2:数组的特点-- 首先数组也是一个对象。-- JavaScript中的数组比较类似于java中的容器,长度可变,元素类型可以不同。-- 数组长度可以随时改变,可以随时修改。长度的属性为l...
2020-03-18 11:16:52
77
原创 JavaScript教程-9-for循环的各种使用、break、continue用法
1:在编码的过程中,for循环的使用是最多的,语法呢也有多种变体。示例:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>流程控制</title> <script type="text/javascript"> //在f...
2020-03-14 18:22:14
621
原创 JavaScript教程-8-JavaScript中的流程控制语句
第八课:JavaScript的流程控制语句关于JavaScript当中的流程控制语句大体上和java中的一样,比较简单。在这里做一个简单的概述,更多的通过示例来说明一下用法。-- 单分支选择:if(条件){}-- 双分支选择:if(条件){}else{}-- 多分支选择:if(条件){} [..else if(条件){}...]else{}-- 多分支switch:switch...
2020-03-14 18:18:02
79
原创 JavaScript教程-7-JavaScript中var、let、const 关键字的区别
1:介绍let关键字-- ES6, 全称 ECMAScript 6.0 ,是JavaScript的一个版本标准,2015.06 发布。在ES6中对let 关键做了定义。 let关键字是用来定义变量的、和var 的作用类似,但是有诸多不同。2:let 和 var的不同点介绍-- var 定义的变量没有块级作用域,而let定义的变量有。看示例:<!DOCTYPE htm...
2020-03-14 18:15:27
107
原创 JavaScript教程-6-JavaScript中的特殊的运算符
1:加连接符+ 除了可用来进行加法运算,还可以用来作为连接符使用。字符串可以和任何其他的类型的数据进行 + 连接运算。生成一个新的字符串。例子:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>JavaScript中的特殊的运算符</tit...
2020-03-12 15:57:43
265
原创 JavaScript教程-5-运算符
1:JavaScript中的各种运算符运算符大致和java中的运算符用法类似,个别的稍有不同,如果有java基础,会非常的简单。因为个数比较多,就不一一列举,直接通过例子说明。很多注意的点会在代码中添加注释说明。2:基本概念说明:-- 一元(一目)运算符:只有一个操作数的运算符:++ 、-- 、~ 等-- 二元(双目)运算符:需要两个操作数的运算符:+ - * / 等...
2020-03-12 15:50:52
121
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人