早在17年初就读了《ES6 标准入门》并在博客上做了笔记(《ES6 标准入门》读书笔记),工作中也有用到一些。一年后再回过头来看这些知识,又跟初看的时候的感觉完全不同了。对很多新特性的好处有了更具体的认识。也有一些知识依然了解不够,所以在这里重新整理一波,夯实基础。参考资料: 1. 浅析Promise用法 Promise的概念所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的
转载
2024-03-19 12:32:07
31阅读
ES5新语法主要是体现在Object和、Array操作,同时涉及到JSON、 Function、Date 和 String类型上。1.Object ES5最大的特点是对象扩展很多方法。 新建对象:create( 新建一个"干净"的对象,这里的“干净”指的是没有原型链。) 语法:Object.crea
# 学习 JavaScript ES5 语法的入门指南
JavaScript ES5(ECMAScript 5)是我们学习现代前端开发的重要基础。作为一名刚入行的小白,掌握这门语言的基本语法和功能对于你的编程之路至关重要。本文将通过一系列步骤教你如何使用 JavaScript ES5,并提供必要的代码示例和解释。
## 学习流程
下面是实现 JavaScript ES5 语法的流程概述:
原创
2024-09-03 07:23:59
93阅读
ES5语法详解
全称 : ECMAScript
2019年发布
严格模式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body
原创
2021-08-19 09:47:05
7769阅读
ES6相关概念
什么是ES6
ES的全程是ECMAscript,它是由ECMA国际标准化组织制定的一项脚本语言的标准化规范
为什么使用ES6
每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有一些令人不满意的地方。
* 变量提升特性增加了程序运行时的不可预测性
* 语法过于松
一、ES6相关概念ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。二、ES6新增语法2.1 let(★★★)let(★★★)声明的变量只在所处于的块级有效if (true) {
let a = 10;
}
console.log(a) // a is not defined不存在变量提升console.log(a); // a
转载
2024-05-28 23:47:58
43阅读
1、兼容性: IE10、Chrome、firefox、移动端、nodeJs
2、如果遇到兼容的解决方法:
a.尽量避免在不兼容的环境使用
b.编译、转化{
ES5通过对现有JavaScript方法添加语句和原生ECMAScript对象做合并实现标准化。ES5还引入了一个语法的严格变种,被称为”严格模式(strict mode)”。1.严格模式——use strict严格模式(“use strict”)是一种限制性更强语言变种的方式,简单点讲就是严格检查语法、拼写等规则,比如你少了结束符分号(;)就会报错或者直接使用未声明的变量(在非严格模式中,js使
转载
2024-06-08 22:10:18
0阅读
IDEA 全称 IntelliJ IDEA,是java语言开发的集成环境,IntelliJ在业界被公认为最好的java开发工具之一,尤其在智能代码助手、代码自动提示、重构、J2EE支持、Ant、JUnit、CVS整合、代码审查、 创新的GUI设计等方面的功能可以说是超常的。IDEA是JetBrains公司的产品,开发人员以严谨著称的东欧程序员为主。它的旗舰版本还支持HTML,CSS,P
转载
2024-04-29 08:54:28
43阅读
Promise 是干嘛的?Promise是ES6针对js异步编程一种解决方案,也解决了ES5之前异步编程大量回调函数的写法的痛点,我们来亲切感受一下。假设有这么一个需求:一个页面需要进行4次ajax请求才能渲染完所有内容,但是每一次请求依赖上一次请求返回的动态url。我们会联想到这将是一次链式请求。ES5写法:// request 假设是事先封装好的ajax方法
request(url, fun
转载
2024-10-25 07:16:28
53阅读
ES6的新增语法ES6的新增语法let使用let的好处let关键字的特点let经典面试题constconst作用特点let, const, var 的区别数组解构对象解构箭头函数剩余参数普通函数示例箭头函数示例:剩余参数和解构配合使用ES6的内置对象扩展Array的扩展方法扩展运算符的应用场景将伪数组转换为正真的数组伪数组为什么要转换为真数组?构造函数方法:Array.from() ES6的新增
转载
2024-04-07 12:43:38
73阅读
1.关于let变量1、let所声明的变量,只在let命令所在的代码块内有效。 2、不存在变量提升:所声明的变量一定要在声明后使用,否则报错。如 let a=a会报错 3、不允许重复声明:let不允许在相同作用域内,重复声明同一个变量。即不能在函数内部重新声明参数。2.作用域的分类1.ES5只有全局变量和函数作用域变量,有很多不合理的地方,第一种场景,内层变量可能会覆盖外层变量。 第二种场景,用来计
目录 1. 变量的定义letconst2. 模版字符串3. 数据解构4. 函数扩展设置默认值箭头函数5. 类的定义 class6. 对象的单体模式 "@ ES6新增了关于变量的定义,函数扩展,数据结构,类,模块等概念,本文将详细介绍常用的ES6语法。 ***1. 变量的定义letES6中新增了let语法,用来声明变量,用法类似var。 ==let定义的变量只在当前代码块内有效.== 如下示例
ES6基本语法概念ES6是javaScript下的一个标准,是浏览器脚本语言的一个标准vscode生成html页面快捷键:Shift+!let特性//特性 一
<script>
//var 声明的变量会越域
//let 声明的变量有严格的局部作用
{
var a=1;
let b=2;
}
转载
2024-10-18 18:45:43
47阅读
从程序优化和美观角度看,更推荐使用ES6。(ES5之后的所有javaScript的语法统称ES6)一、关于取值取值在程序中非常常见,比如从对象obj中取值。const obj = {
a:1,
b:2,
c:3,
d:4,
e:5,
}吐槽:const a = obj.a;
const b = obj.b;
const c = obj.c;
const d
今天闲着无事,梳理下ES6常见的语法知识点;除此之外的知识点自行细化和梳理! <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
转载
2024-10-26 19:05:39
30阅读
调试页面 1/ 2/ 打开vue项目后配置 选择chrome调试方式后,跳出lauch.json 进行配置三、新建一个html直接采用Chrome来进行调试的实现方案 3.1 首先安装,如下图。方法已经特别具体,再此不再赘述。3.2 在自己的html工程目录下面点击f5,或者在左侧选择调试按钮但是直接打开的chrome将会出现如下错误3.3.解决以上问题 首先在弹出来的launch.json中添加
今天的开始进入了js的高级语法 我马上也要复习完了,之前学到闭包递归,就回去复习去了,复都复习这么久而且,复习的过程真的比学知识的过程难熬的多,只不过终于要复习完了,再来点es6的新语法马上就要步入vue了,想想都有点小激动,今天首先来的第一个案例我称之为目前为止的史诗级难度,第一次做的时候懵懵懂懂的,这第二次复习到再做慢慢的有点感觉了,也懂了很多但还是有一些部分自己独立完成不了,这是一个基于面向
原创
2022-09-29 09:40:09
110阅读
低版本处理1.在线编译2.提前编译 babelbabel=browser.js变量var可以重复声明无法限制修改没有块级作用域let不能重复声明,不会声明提前,变量可以修改,块级作用域const不能重复声明 ,定义常量不能修改,定义对象,可以修改属性。(栈与堆) 块级作用域 声明在指定块作用域之外无法访问的变量函数块中 { } 原生js遍历列表做事件处理,i 都会返回同一个数,把var
转载
2024-03-20 21:49:34
179阅读
map它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。也就是说,Object 结构提供了“字符串—值”的对应,Map 结构提供了“值—值”的对应,是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构,Map 比 Object 更合适。 const m = new Map();
const o = {p: 'Hello World'
转载
2024-10-30 23:31:46
32阅读