1.letES6新增了let命令,用来生命变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。for (let i = 0; i < 10; i++) {
}
console.log(i) //ReferenceError: i is not defined<br><br>for(var i=0;i<10;i++){&l
转载
2024-09-03 07:47:15
74阅读
1.什么是ES6? ES6, 全称 ECMAScript 6.0,是 JavaScript 的下一个版本标准,2015年6月份发版。ES6的主要目的是为了解决 ES5 的先天不足。2.了解ES和JS之间的关系 ES = ECMAScript 是一个动态脚本语言的‘标准’,JS = JavaScript是对ES的标准,默认,主流的‘实现’,由于商标权的问题,欧洲计算机协会制定的语言标准不能叫做JS,
转载
2024-03-29 10:00:07
26阅读
本文主要介绍 24 中 es6 方法,这些方法都挺实用的,本本请记好,时不时翻出来看看。1.如何隐藏所有指定的元素const hide = (...el) => [...el].forEach(e => (e.style.display = 'none'))
// 事例:隐藏页面上所有`<img>`元素?
hide(document.querySelectorAll('i
转载
2024-09-19 10:27:21
45阅读
1、HTML代码<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="UTF-8">
<title>瓜娃子</title>
<meta name="viewport" content="width=device-width,initial-scal
声明变量的扩展在Es5中声明变量只有两种:var和function,在Es6中新增了两种常见的声明变量方式:let和const。下面我们就来介绍一下Es6 let和const命令。let1、let声明变量与var类似,但是var不同的是let声明变量会形成块级作用域(所谓的块级作用域是可以简单理解为{块级作用域}就是两个花括号之间的叫做块级作用域。)变量只能在块级作用域中起效果在块级外不能访问。i
1. 直接引入[最佳方案]直接引入的关键在于输出的配置,这里以var为例,如下:output : { filename : '[name].js', // devServer不可配置为绝对路径 //publicPath: "http://localhost:8080/dist/",
转载
2024-05-23 09:59:33
58阅读
ES6常用部分ES6概述let 和 constletconstconst和let都有封闭性死区解构赋值基本嵌套可忽略不完全解构剩余运算符字符串等但以上均不常用(常用)对象解构增加Mapforeach遍历set类型转换数组去重并交差函数对象优化新增Object.keys()取出对象的键新增Object.values()取出对象的值Object.entries()取出键值对对象深拷贝对象合并asyn
转载
2024-03-29 08:51:15
51阅读
前言:由于对webpack的了解有限,所以在项目部署出现许多问题 一、webpack使用ES6语法,第三方js可以引入通过import,可以通过npm 配置到项目中或者直接下再加入项目js文件中首先无论require还是import,都不是webpack的发明,它们是已经存在于世的不同的模块化规范(目前都不能直接运行于浏览器,于是需要通过webpack在配合各种plugin、loader将其转义
转载
2024-04-26 12:32:38
59阅读
知识已经过时了,可以直接跳到文章末尾看ES6封装ajax。怀念曾经的jQuery一. ajax方法jQuery:JavaScript代码包装成拿过来就能实现特定功能的代码库,基本淘汰了;json:简单说就是javascript中的对象和数组;Ajax:异步的JavaScript和XML,在不重载整个网页的情况下,ajax 通过后台加载数据,并在网页上进行显示;1. $(selector)
转载
2024-03-24 09:47:23
65阅读
使用场景:jsp页面中使用jquery的ajax请求比较频繁,以前vue框架的项目用过axios,所以就想着用then()封装一个公共请求的方法,这样每次请求就不用那么麻烦的写一大堆请求参数了。示例代码:/**
* 封装请求方法
* @param {Object} url 接口请求地址
* @param {Object} data 接口请求参数(无需请求方式参数,则此项可以为空,否则必须传)
*
转载
2024-03-28 10:12:29
38阅读
一、类(class)class Man {
constructor(name) {
this.name = 'Kepler';
}
console() {
console.log(this.name);
}
}
const man = new Man('Kepler');
man.console(); // Kepler1、public:可以继承、实例化// pub
转载
2024-04-30 17:06:39
8阅读
1、实现块作用域 2、不存在变量提升。 ES6 明确规定,如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。
转载
2017-12-07 16:23:00
86阅读
2评论
...将一个数组转为用符号分隔的参数序列 2.
原创
2022-07-13 11:16:11
37阅读
1、const声明一个只读的常量。一旦声明,常量的值就不能改变。 2、const的作用域与let命令相同:只在声明所在的块级作用域内有效。 3、const命令声明的常量也是不提升,只能在声明的位置后面使用。 4、ES6中:var命令和function命令声明的全局变量,依旧是顶层对象的属性;另一方面
转载
2017-12-07 16:37:00
105阅读
2评论
1.es6中的let和const的区别(1) let 在局部作用域有效var a = [];
for (var i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 10
注释:
上面代码中,计数器i只在for循环体内有效,在循环体外引用就会报错。
下面的代码如果使用var,
转载
2024-10-20 15:07:38
12阅读
文章目录一、基本用法二、常用方法1. 设置:`set()`2. 获取:`get()`3. 删除:`delete()`4. 清除:`clear()`5. 遍历:`forEach()`6. 遍历:`for...of`7. 判断:`has()`8. 长度:`size`三、如何选择1. 内存占用2. 插入性能3. 查找速度4. 删除性能 一、基本用法Map 是一种新的集合类型,为 JavaScript
转载
2024-04-06 20:01:37
295阅读
reduce()的用法平时很少用得到reduce()方法,事实上,如果你能真正了解它的话,其实在很多地方我们都可以用得上。arr.reduce(function(sum,num,index,arr){
...
},init)其中,arr 表示原数组
sum 表示上一次调用时的返回值, 或者初始值init
num 表示当前正在处理的数组元素
index 表示当前正在处理的数组元素的索引,
转载
2024-03-21 14:21:18
75阅读
一、var、let和const 1、var,可以先使用后声明,可以重复定义,可以在块级作用域外使用console.log(name)
{
var name = "aike";
var name = '艾克';
}
console.log(name) 2、let,只能先声明后使用,不能重复定义,只能在
转载
2024-02-26 13:22:19
68阅读
JavaScript数组是最常用的数据类型之一,对于数组的操作,JavaScript也提供了一些非常方便的函数和方法,对这些函数与方法的熟练掌握和运用,能让程序编写更方便,也使程序结构更清楚、更容易理解,本文代码均来自modilla MDN开发者官网。1. map()方法在JavaScript中,数组的map方法原型为Array.prototype.map()。map()方法调用一个
转载
2024-07-01 13:41:42
39阅读
语法new Map([iterable])参数:可以是数组或者其他的可迭代对象.null会被当作undefinedMap同Set类似,NaN是相同的,对象和数组是不同的.//对象
var data = {};
var o = {a:1};
data[o] = 222;
console.log(data); // {[object Object]: 1}上例中,因为对象的key为字符串,当为
转载
2024-07-06 05:51:35
84阅读