JavaScript
文章平均质量分 60
JavaScript基础
Alan_Lowe
世上没有白走的路,每一步都算数!——狂神
展开
-
JavaScript|Promise
JavaScript|PromisePromise 是一个 ECMAScript 6 提供的类,目的是更加优雅地书写复杂的异步任务。Promise 构造函数只有一个参数,是一个函数,这个函数在构造之后会直接被异步运行,所以我们称之为起始函数。起始函数包含两个参数 resolve 和 reject。当 Promise 被构造时,起始函数会被异步执行,then()可以将当前函数添加到所属promise的异步执行序列表中:<!DOCTYPE html><html lang="en"&g原创 2021-08-15 00:06:08 · 104 阅读 · 4 评论 -
JavaScript|异步编程
JavaScript|异步编程1.异步的概念**异步(Asynchronous, async)是与同步(Synchronous, sync)**相对的概念。在我们学习的传统单线程编程中,程序的运行是同步的(步骤在一个控制流序列中按顺序执行)。而异步的概念则是不保证同步的概念,也就是说,一个异步过程的执行将不再与原有的序列有顺序关系。简单来理解就是:同步按你的代码顺序执行,异步不按照代码顺序执行,异步的执行效率更高。异步就是从主线程发射一个子线程来完成任务。2.回调函数回调函数就是一个函数,它是在我们原创 2021-08-14 23:21:04 · 606 阅读 · 11 评论 -
JavaScript、JSON
JavaScript、JSON1.简介JSON(JavaScript Object Notation),是一种轻量级的数据交换格式,JSON是一种独立的语言。JSON是用于存储和传输数据的格式,通常用于服务端向网页传递数据。JSON使用JavaScript语法,但是JSON格式仅仅是一个文本,可以被任何编程语言读取及作为数据式传递。2.实例<!DOCTYPE html><html lang="en"><head> <meta charset="原创 2021-08-14 22:22:32 · 197 阅读 · 0 评论 -
JavaScript|const
JavaScript|const和其他语言一样,const用来声明一个常量,只读,不允许修改它的值,这是在ES6中新增加的关键字:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>let和const</title></head><body><script> // const设置常量原创 2021-08-14 17:14:15 · 83 阅读 · 0 评论 -
JavaScript|this
JavaScript|this1.在方法中在方法中,this关键字指向的是当前方法所属的对象:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>this</title> <script> var personName = { firstName:"", lastName:"",原创 2021-08-14 15:35:20 · 115 阅读 · 0 评论 -
JavaScript|保留关键字
JavaScript|保留关键字1.JavaScript保留关键字Javascript 的保留关键字不可以用作变量、标签或者函数名。有些保留关键字是作为 Javascript 以后扩展使用:abstractargumentsbooleanbreakbytecasecatchcharclassconstcontinuedebuggerdefaultdeletedodoubleelseenumevalexportextendsfalse原创 2021-08-14 10:16:26 · 587 阅读 · 0 评论 -
JavaScript|验证API
JavaScript|验证API1.checkValidity()方法和validationMessage使用checkValidity()方法可以检查输入的合法性,使用validationMessage可以查看输入的错误提示信息:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>验证API</title> <scr原创 2021-08-14 09:54:12 · 429 阅读 · 0 评论 -
HTML通过JavaScript表单验证
HTML通过JavaScript表单验证用户在填写表单的时候,我们程序对其进行验证是必须的,随便举个例子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单验证</title> <script> function Check(){ var x = document.原创 2021-08-13 14:36:16 · 312 阅读 · 0 评论 -
JavaScript|严格模式
JavaScript|严格模式JavaScript的变量函数都可以先使用在声明,这是因为JavaScript会自动将声明语句提升到最顶部,但是如果使用了user strict,就不在允许了:<script> "use strict"; b = 3;</script>我们看到使用了"use strict"了之后控制台就报错了。“use strict” 的目的是指定代码在严格条件下执行。消除代码运行的一些不安全之处,保证代码运行的安全。提高编译器效率,加快运行速度。原创 2021-08-12 20:08:11 · 95 阅读 · 0 评论 -
JavaScript|变量声明提升
JavaScript|变量声明提升在C++等语言中我们都不能使用未声明的变量,但是在JavaScript,却是可以使用的,在JavaScript中,变量可以在使用后声明:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>变量声明提升</title></head><body><script&g原创 2021-08-12 19:20:36 · 156 阅读 · 0 评论 -
JavaScript|调试 console.log() debugger
JavaScript|调试 console.log() debugger很多浏览器都内置了调试工具,内置的调试工具可以开始或者关闭,严重的错误信息会发送给用户,我们可以设置断点,可以在代码执行时检测变量。1.console.log()方法可以使用 console.log() 方法在调试窗口上打印 JavaScript 值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-08-12 16:50:43 · 631 阅读 · 0 评论 -
JavaScript|错误-throw、try、catch、finally
JavaScript|错误-throw、try、catch、finally1.错误当 JavaScript 引擎执行 JavaScript 代码时,会发生各种错误。可能是语法错误,通常是程序员造成的编码错误或错别字。可能是拼写错误或语言中缺少的功能(可能由于浏览器差异)。可能是由于来自服务器或用户的错误输出而导致的错误。当然,也可能是由于许多其他不可预知的因素。2.抛出错误(throw)当错误发生时,JavaScript引擎通常会停止,并生成一个错误。也就是JavaScript抛出一个错误。3.t原创 2021-08-12 11:35:23 · 224 阅读 · 0 评论 -
JavaScript|正则表达式以及search、text、replace的应用
JavaScript|正则表达式以及search、text、replace的应用1.正则表达式正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时,你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符,或一个更复杂的模式。正则表达式可用于所有文本搜索和文本替换的操作。语法:/正则表达式主体/修饰符(可选)主体即为搜索的内容修饰符可以是:i :执行对大小写不敏感的匹配g :执行全局匹配,即查找所有匹配而非再找到第一个匹配后停止m :执行多行匹配括号:[ab原创 2021-08-11 23:27:11 · 827 阅读 · 2 评论 -
JavaScript|类型转换
JavaScript|类型转换1.数字类型和字符串类型的转换数字类型转字符串类型和字符串类型转数字类型:// 数字类型转换为字符串类型: var x = 12; var y = String(x); document.write(typeof y + ":" + y + "<br>");// 字符串类型转换为数字类型: var x = "123"; var y = Number(x); document.write(typeof y + ":" + y + "&l原创 2021-08-11 21:56:18 · 79 阅读 · 0 评论 -
JavaScript|null和undefined
JavaScript|null和undefinednull表示什么也没有,这个可以和C++中的指针为空一起理解,是一个只有一个值的特殊类型,表示一个空对象的引用。undefined是表示没有设置值,即为初始化。我们可以试试它们是否相等:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>null和undefined</title&g原创 2021-08-11 21:27:46 · 135 阅读 · 0 评论 -
JavaScript|typeof
JavaScript|typeof关键字 typeof 可以用来检测变量的数据类型。其中字符串返回string,数字返回number,真假返回boolean,数组和对象均返回object:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>typeof</title></head><body>&l原创 2021-08-11 21:15:47 · 90 阅读 · 0 评论 -
JavaScript|比较以及逻辑运算
JavaScript|比较以及逻辑运算1.比较运算符== :等于,两边的值相等返回true,否则返回false=== :绝对等于,两边的值和类型均相等返回true,否则返回false!= :不等于,两边的值相等返回false,否则返回true!== :不绝对相等,两边值和类型有一个不等则返回true,否则返回false> :大于< :小于>= :大于等于<= :小于等于基本上还是和其他变成语言类似的。2.逻辑运算符&& :and,两边同时原创 2021-08-11 17:43:36 · 110 阅读 · 0 评论 -
JavaScript|运算符
JavaScript|运算符1.算术运算符(有C++、Java等语言基础可跳过)+ :加法- :减法***** :乘法/ :除法% :取模++ :自增,也分前自增和后自增– :自减,也分前自减和后自减2.赋值运算符(有C++、Java等语言基础可跳过)假设变量x=6,y=3= :用来赋值,x=y则x被赋值为了3+= :x+=y相当于x=x+y,即x最终等于9-= :x-=y相当于x=x-y,即x最终等于3= :x=y相当于x=x乘y,即x最终等于18/= :x/=y相当于原创 2021-08-11 17:32:39 · 94 阅读 · 0 评论 -
JavaScript|字符串
JavaScript|字符串1.基本介绍和其他变成语言类似,字符串表示一系列的字符,可以使用单引号或者双引号:var s1 = "Hello";var s2 = 'World';访问字符串的某一个位置的内容也和其他语言类似:var s = "std";document.write(s[0]);2.字符串内使用引号在字符串内如果出现引号,如:s = "Hello! "Alan!" ";这样的话是会出现错误的,那么我们怎么样在在字符串内只用引号呢,只需要在引号前面加上\即可:&原创 2021-08-11 11:42:46 · 88 阅读 · 0 评论 -
JavaScript|函数
JavaScript|函数函数头需要加上function关键字,函数体和参数表与其他语言类似:function 函数名(参数表){执行语句;}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>函数</title> <script> function SayHello(){ window.al原创 2021-08-11 10:49:17 · 103 阅读 · 1 评论 -
JavaScript|对象
JavaScript|对象和java类似,对象拥有属性和方法属性通常写法为键值对:key:value ,类似于C++的map等容器方法的申明是:方法名 : function(){}举例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>对象</title></head><body><原创 2021-08-10 22:10:55 · 331 阅读 · 0 评论 -
JavaScript|数据类型
JavaScript|数据类型值类型(基本类型):字符串(String)可以使用单引号或者双引号数字(Number) 可以是整数,小数,或者科学计数布尔(Boolean) 只能由true和false两个值对空(Null)未定义(Undefined)Symbol引用类型:对象(Object)数组(Array)函数(Function)数组<!DOCTYPE html><html lang="en"><head>原创 2021-08-10 21:54:21 · 337 阅读 · 0 评论 -
JavaScript|语句
JavaScript|语句语句:JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。这些命令的作用是告诉浏览器要做的事情。分号:语句之间使用分号隔开语句标识符:break: 用于跳出循环catch: 语句块,在 try 语句块执行出错时执行 catch 语句块continue: 跳过循环中的一个迭代do … while: 执行一个语句块,在条件语句为 true 时继续执行该语句块while: 当条件语句为 true 时,执行语句块for: 在条件语句为 tr原创 2021-08-10 21:15:58 · 88 阅读 · 0 评论 -
JavaScript|语法
JavaScript|语法JavaScript 是一个程序语言。语法规则定义了语言结构。它是一个轻量级,但功能强大的编程语言。1.JavaScript字面量数字,固定值,可以时整数、小数或科学计数:3.14 1001 1e6……字符串,可以用单引号或双引号:“Hello” ‘World’表达式字面量,用于计算:1+2 5*6数组:[1,2,3,4]对象:{name:“Alan_Lowe”,gender:“male”,age:20}函数:function myF(a,b){retur原创 2021-08-10 20:44:04 · 92 阅读 · 0 评论 -
JavaScript|输出显示
JavaScript|输出显示1.显示数据JavaScript 可以通过不同的方式来输出数据:使用window.alert() 弹出警告信息使用innerHTML写入到HTML元素使用**document.write()**方法将内容写到HTML文档中使用**console.log()**写入到浏览器的控制台2.window.alert()可以弹出警告框来显示数据<!DOCTYPE html><html lang="en"><head>原创 2021-08-10 17:36:47 · 787 阅读 · 2 评论 -
JavaScript|我的第一个JavaScript(HelloWorld)
JavaScript|我的第一个JavaScript(HelloWorld)1.内部标签使用script标签即可,类似于CSS中的style,这里使用alert来向用户展示了一条信息:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>HelloWorld</title> <script> a原创 2021-08-10 13:13:39 · 157 阅读 · 0 评论 -
JavaScript|初识简介
JavaScript|初识简介JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。ECMAScript可以理解为是JavaScript的一个标准最新版本已经到了ES7版本,但是大部分浏览器还只停留在支持ES5代码上。版本:原创 2021-08-10 02:14:38 · 179 阅读 · 1 评论