分类：JavaScript

2020
10-08

简介JavaScript错误处理机制

1、try-catch语句ECMA-262第3版引入了try-catch语句，作为JavaScript中处理异常的一种标准方式。语法：try{//可能会导致错误的代码}catch(error){//在错误发生时怎么处理}也就是说，我们应该把所有可能会抛出错误的代码都放在try语句块中，而把那些用于错误处理代码放在catch块中。try-catch语句的逻辑是：如果try块中的任何代码发生了错误，就会立即退出代码执行过程，然后接着执行catch块。此时，catch块会接收到一个包含... 继续阅读 >
2020
10-08

简单了解JavaScript作用域

作用域通常是指在指定的时间内，变量存在于一段代码中。缺乏对作用域的理解可能会导致令人沮丧的调试体验。作用域的概念是关于我们的代码中可以访问到哪些确定的函数或变量，代码的上下文和执行环境。在JavaScript中，有两种类型的作用域：全局和局部作用域。全局作用域第一种作用域是全局作用域。它很容易定义。如果一个变量或函数是_全局的_，那么在程序中的任何地方都可以访问到它们。在浏览器中，全局作用域是window对象。... 继续阅读 >
2020
10-08

JavaScript JSON使用原理及注意事项

环境vscode1.46MicrosoftEdge83概念JSON是一种按照JavaScript对象语法的数据格式，这是DouglasCrockford推广的。虽然它是基于JavaScript语法，但它独立于JavaScript，这也是为什么许多程序环境能够读取（解读）和生成JSON。JSON可以作为一个对象或者字符串存在，前者用于解读JSON中的数据，后者用于通过网络传输JSON数据。JavaScript提供一个全局的可访问的JSON对象来对这两种数据进行转换。JSON结构{"... 继续阅读 >
2020
10-08

基于JavaScript实现猜数字游戏代码实例

环境vscode1.46MicrosoftEdge83示例以下内容为了解和熟悉JavaScript，不需要理解，能够复制粘贴并正确运行即可。新建网页模板在vscode中新建一个index.html文件，然后输入以下内容。<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>猜数字游戏</title><style>html{font-family:sans-serif;}body{width:50%;max-width:800px;min-width:480px;margin:0auto;... 继续阅读 >
2020
10-08

详解JavaScript自定义函数

一、定义方法：在Javascript中必须用function关键字functionfuncName(arg1,arg2...){statements;return"变量值";//返回值可以根据函数的需要}函数名是函数自身的一个引用。此种方式创立的函数引用是独立存在的，无法删除。1、调用函数：函数名（参数列表）。传递的参数不必与函数定义的参数个数一致,并且可以设定函数参数的默认值。functionexample(a,b){vara=arguments[0]?arguments[0]:1;//设置参数a的默认值为... 继续阅读 >
2020
10-08

深入了解JavaScript词法作用域

JavaScript并不是传统的块级作用域，而是函数作用域！一、作用域JavaScript引擎在代码执行前会对其进行编译，在这个过程中，像vara=2这样的声明会被分解成两个独立的步骤：第一步（编译阶段）：vara在其作用域中声明新变量。这会在最开始的阶段，也就是代码执行前进行。第二步（运行阶段）：a=2会查询变量a（LHS查询）并对其进行赋值。LHS&RHS（当前作用域->上级作用域->...->全局作用域）LHS(左侧)：试图找到变量... 继续阅读 >
2020
10-08

详解JavaScript作用域 闭包

JavaScript闭包，是JS开发工程师必须深入了解的知识。3月份自己曾撰写博客《JavaScript闭包》，博客中只是简单阐述了闭包的工作过程和列举了几个示例，并没有去刨根问底，将其弄明白！现在随着对JavaScript更深入的了解，也刚读完《你不知道的JavaScript（上卷）》这本书，所以乘机整理下，从底层和原理上去刨一下。JavaScript并不具有动态作用域，它只有词法作用域。词法作用域是在写代码或者说定义时确定的，而动态作用域是在运... 继续阅读 >
2020
10-08

JavaScript React如何修改默认端口号方法详解

JavaScript React如何修改默认端口号方法详解 问题我们在使用React的时候经常会遇到这种情况，3000端口号被占用。有时候可以关掉3000端口，但更多时候，我们需要打开多个项目的时候，就必须要开启多个端口了。这时候就需要修改默认端口号了。解决办法修改默认端口号具体做法第一步：找到start.js文件这个文件的位置在：node_modules文件夹下->react-scripts文件夹下->scripts文件夹下->start.jsnode_modules下start.js文件51行处修改，整个文件端口号只出现一次修改后运... 继续阅读 >
2020
10-08

浅谈JavaScript中this的指向问题

JavaScript中this指向问题记得初学JavaScript时，其中this的指向问题曾让我头疼不已，我还曾私自将其与闭包、原型（原型链）并称JS武林中的三大魔头。如果你要想在JS武林中称霸一方，必须将这三大魔头击倒。个人认为在这三大魔头中，this指向问题的武功最菜（难度最低）。俗话说柿子捡软的捏，那我们就先从this指向问题下手。先记住攻克this指向问题的口诀（前辈们的总结）：哪个对象调用函数，函数里的this就默认... 继续阅读 >
2020
10-08

浅谈JavaScript中this的指向更改

JS中this指向的更改JavaScript中this的指向问题前面已经总结过，但在实际开中，很多场景都需要改变this的指向。现在我们讨论更改this指向的问题。call更改this指向call的使用语法：func.call(thisArg,arg1,arg2,...)call方法需要一个指定的this值（this要指向的对象）和一个或者多个参数。提供的this值会更改调用函数内部的this指向。//使用call方法改变调用函数执行上下文的this指向varanimal='小... 继续阅读 >
2020
10-08

JavaScript 监听组合按键思路及代码实现

JavaScript 监听组合按键思路及代码实现 JavaScript监听组合按键1.思路如图，通过监听并打印键盘keydown事件，得到图示内容，观察发现，当按下的组合键包含Ctrl键时，ctrlKey键会显示为true;当按下的组合键包含Shift键、或者按键之前开启大写时，shiftkey键会显示为true;当按下的组合键包含Alt键时，altKey键会显示为true;当按下的组合键包含meta键（Mac电脑上是【⌘】、command键，非mac电脑为是win键时，metaKey键会显示为true另外，按下键时，可通过event获... 继续阅读 >
2020
10-08

JavaScript实现沿五角星形线摆动的小圆实例详解

JavaScript实现沿五角星形线摆动的小圆实例详解 五角星形线的笛卡尔坐标方程式可设为：r=10+(3*sin(θ*2.5))^2 x=r*cos(θ)y=r*sin(θ)（0≤θ≤2π）根据这个曲线方程，在[0,2π]区间取一系列角度值，根据给定角度值计算对应的各点坐标，然后在计算出的坐标位置绘制一个填充色交替变换的小圆，从而得到沿五角星形线摆动的小圆的动画效果。编写如下的HTML代码。<!DOCTYPEhtml><html><head><title>沿曲线摆动的小圆</title></head><body><canvasid="myCanvas"width="400... 继续阅读 >
2020
10-08

JavaScript中window和document用法详解

JavaScript中window和document用法详解 一、验证表单封装一个函数用于验证手机号/***@param{String}eleId*@param{Object}reg*/functioncheckInput(eleId,reg){varele=document.getElementById(eleId);ele.onblur=function(ev){if(!reg.test(this.value)){//不匹配this.style.borderColor="#ff0000"//红色}else{//匹配this.style.borderColor="#cccccc"//白色}}}//验证手机号checkInput("phone",/^13[0-9]\d{8]$/)二、WebsAPIJava... 继续阅读 >
2020
10-08

JavaScript文档加载模式以及元素获取

JavaScript文档加载模式以及元素获取 一、文档加载模式1.事件三要素：事件源（触发时间的元素）；事件名称（click点击事件）；事件处理程序（事件出发后要执行的代码函数形式）存在问题：浏览器加载一个页面的时候，是按照自上而下的顺序加载的，若将script标签写到head内部，在代码执行时候，页面还没有加载，页面中的DOM对象也没有加载。就会导致js中无法获取页面中的DOM对象。解决方法：onload事件，会在整个页面加载完之后才触发，为window绑定一个onload事件，该... 继续阅读 >
2020
10-08

全面解析JavaScript Module模式

简介Module模式是JavaScript编程中一个非常通用的模式，一般情况下，大家都知道基本用法，本文尝试着给大家更多该模式的高级使用方式。首先我们来看看Module模式的基本特征：模块化，可重用封装了变量和function，和全局的namaspace不接触，松耦合只暴露可用public的方法，其它私有方法全部隐藏关于Module模式，最早是由YUI的成员EricMiraglia在4年前提出了这个概念，我们将从一个简单的例子来解释一下基本的用法（如果... 继续阅读 >
2020
10-08

如何通过vscode运行调试javascript代码

如何通过vscode运行调试javascript代码 初次正式要写javascript相关的代码,想要用vscode直接编译js代码,但是发现没有那么简单,需要配置好launch.json文件,现已经在vscode上编译过去并且可以调试javascript代码,总结了两种方法,分享给大家.方法一:在js后缀文件中写javascript代码.1.环境配置:(1).需要安装nodejs(在Bing搜索中输入nodejs,找到nodejs官网,然后找到适合你电脑配置的安装包进行下载安装,最后要输入node-v和npm-v检验是否安装成功)... 继续阅读 >