低版本处理1.在线编译2.提前编译 babelbabel=browser.js变量var可以重复声明无法限制修改没有块级作用域let不能重复声明，不会声明提前，变量可以修改，块级作用域const不能重复声明 ，定义常量不能修改，定义对象，可以修改属性。（栈与堆） 块级作用域 声明在指定块作用域之外无法访问的变量函数块中 { } 原生js遍历列表做事件处理，i 都会返回同一个数，把var
文章结构推荐阅读声明类与创建对象构造函数注意点给类添加属性和方法不好的实现方式可以使用的方式类实现继承getter和setter私有属性兼最终代码 声明类与创建对象// 4.自定义构造函数创建对象
function CreateObj(cname, age) {
this.cname = cname;
this.age = age;
}
let obj = new CreateO
一、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
早在17年初就读了《ES6 标准入门》并在博客上做了笔记（《ES6 标准入门》读书笔记），工作中也有用到一些。一年后再回过头来看这些知识，又跟初看的时候的感觉完全不同了。对很多新特性的好处有了更具体的认识。也有一些知识依然了解不够，所以在这里重新整理一波，夯实基础。参考资料： 1. 浅析Promise用法 Promise的概念所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的
let一、let二、const三、临时死区四、循环中let和const的使用五、let、const、var 的区别 在ES5中，我们通常用var声明变量，但是在JavaScript中用’var'来声明变量会出现变量提升的情况，即通过"var"声明的变量，系统都会把声明隐式的升至顶部，这样的特性往往会让
es6 兼容性 如何使用babel来编译我们的js（es6）代码首先来谈一下es6 es6在大多数情况是没问题，据了解国内的环境，大部分业务（银行系统除外）支持到IE8就可以了，如果要兼容到IE6+，可以借助babel插件来完成，只要babel支持的都没问题的。ES6新特性在Babel下的兼容性列表ES6特性兼容性箭头函数支持类的声明和继承部分支持，IE8不支持增强的对象字面量支持字符串模板支持解
ES6基本语法概念ES6是javaScript下的一个标准，是浏览器脚本语言的一个标准vscode生成html页面快捷键:Shift+!let特性//特性 一
<script>
//var 声明的变量会越域
//let 声明的变量有严格的局部作用
{
var a=1;
let b=2;
}
一、ES5：1、保护对象：保护对象的成员（属性和方法）如何保护：（1）、四大特性-每一个属性和方法都有四大特性如何设置四大特性： Object.defineProperties(obj,{  
ES6的新增语法ES6的新增语法let使用let的好处let关键字的特点let经典面试题constconst作用特点let, const, var 的区别数组解构对象解构箭头函数剩余参数普通函数示例箭头函数示例：剩余参数和解构配合使用ES6的内置对象扩展Array的扩展方法扩展运算符的应用场景将伪数组转换为正真的数组伪数组为什么要转换为真数组？构造函数方法：Array.from() ES6的新增
解构解构：ES6中允许按照一定的模式，从数组或对象中提取值，对变量进行赋值，这被称为解构（Destructuring） 作用：这是一种将数据分解为更小单位的过程，从而简化提取信息的目的。对象解构形式：对象解构语法是在赋值对象左侧使用了对象字面量，如：同名变量解构赋值：let node = {
type : 'identifier',
name : 'foo'
};
let {type,name
1.使用Babel转码 全局安装 npm install -g babel-cli 布局安装 npm install -g babel-cli --save-dev Babel的配置文件是.babelrc，
原创
2022-09-22 16:06:18
287阅读
// 配置 babel es6 语法转成 es5 npm install --save-dev babel-loader @babel/core npm install @babel/preset-env --save-dev npm install --save @babel/polyfill n
原创
2021-11-29 13:54:24
749阅读
为什么ES6会有兼容性问题？
由于广大用户使用的浏览器版本在发布的时候也许早于ES6的定稿和发布，而到了今天，我们在编程中如果使用了ES6的新特性，浏览器若没有更新版本，或者新版本中没有对ES6的特性进行兼容，那么浏览器肯定无法识别我们的ES6代码，好比浏览器根本看不懂我写的let和const是什么东西？只能报错了。这就是浏览器对ES6的兼容性问题。好消息
哪里有灾难，哪里就有勇士和救兵，针对ES
ES6ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。 ES6实际上是一个泛指，指ES2015及后续的版本。为什么使用 ES6 ? 每一次标准的诞生都意味着语言的完善，功能的加强。JavaScript语言本身也有一些令人不满意的地方，比如： ① 变量提升特性增加了程序运行时的不可预测性 ② 语法过于松散，实现相同的功能，不同的人可能会写出
1.ES6的兼容性常用的是babel(也叫做browser.js);用法： 直接在script中引用,把相应的script里面的type设置为text/babel2.箭头函数注意：1.如果只有一个参数，可以省略(); let show = x =>console.log(x*2); show(2); //4 &n
转载
2023-10-09 16:45:29
200阅读
今天闲着无事，梳理下ES6常见的语法知识点；除此之外的知识点自行细化和梳理！ <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
ECMAScript 6.0（也可以称为ECMAScript2015），ECMAScript 6.0简称 ES6，是 JavaScript 语言的标准。出来的时间已经很久了，但是我们在工作中，有时候也不会使用。今天我们就来介绍一下。1、块级作用域（let、const）块级作用域，就是有{}括号中可用范围，不像之前var定义的变量都是函数作用域。 let定义的变量可以改变值，const定义的都是静态
ES6ECMAScript 6（简称ES6）是于2015年6月正式发布的JavaScript语言的标准，正式名为ECMAScript 2015（ES2015）。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言let命令let可以声明局部作用域变量(在一对{}启用)let是局部变量let不能重复声明let 不能变量提升let实例运用<!DOCTYPE h
ES6说明 ECMAScript6新的javascript标准变量的声明var
let
01let与var基本一致，用作变量声明
02let在一对括号{}中形成局部作用域
03let声明的变量不会变量提升
04let不能重复声明变量（同一作用域）
const
01与let一致（局部，不提升，不能重复声明）
02声明必须赋值
03赋值不能修改
ES5中的indexOf在ES5中提供了indexOf用来查找某个元素的位置，如果存在即返回该元素的索引号，如果不存在即返回-1.***（但是其不能判断是否含有NaN的元素，indexOf内部使用严格相等运算符===进行判断，会导致对NaN的误判） 索引id为3数组实例的 includes()返回一个布尔值，表示某个数组是否包含给定的值。该方法的第二个参数表示搜
