字符串新增方法 padStart.padEnd 如果原字符串不够指定长度,则会在左侧(右侧)填充字符串,用以补全 padStart( length: number, fillStr?: string ) padEnd( length: number, fillStr?: string ) 参数 是否必选 描述 length true 指定的长度 fillStr true 要填充的字符串 let str = 'Hello' console.log(str.padStart(10, 'ha'));…

首先要说let,他是只在代码块中执行的变量,例如: {    let a = 10;    var b = 1;}console.log(a);//definedconsole.log(b);//1 面试题系列咱们说过,闭包的经典应用是在循环的时候: var a = [];for (var i = 0; i < 10; i++) {    a[i] = function () {        console.log(i);    };}a[6](); // 10 这样是得不出你想要的结果的,以…

ECMAScript简介 ECMAScript与JavaScript的关系 ECMAScript是JavaScript语言的国际化标准,JavaScript是ECMAScript的实现.(前者是后者的规格,后者是前者的实现.但通常两者是可互换的.) ESMAScript的历史 1996年11月,Netscape公司将Js提交给国际化标准组织ECMA,当初该语言能够成为国际化标准. 1997年,ECMAScript 1.0版本推出.(在这年,ECMA发布262号标准文件(ECMA-262)的第一版…

ES6新增的常用数组方法 let arr = [1, 2, 3, 2, 1]; 一 forEach => 遍历数组 arr.forEach((v, i) => { console.log(v, i); }); 二 map => 使用一个数组, 利用某规则映射得到一个新数组 let mapArr = arr.map((v, i) => { return v * v; }); arr.map((v, i) => v * v); // 如果只有一句话, 可以省略大括号和return…

Es6新增对象方法的访问描述符:get(只读).set(只写),可以直接使用,一般用于数据监听,用途类似于vue.$watch. var obj = { a:1, get bar() { return this.a}, set bar(a) { this.a = a; return this.a } } obj.bar //1 obj.bar = 2 obj.bar //2…

面试中喜闻乐见的问题就是问我们的ES6新增了哪些个新特性 这篇文章一起学习一下新增的数据类型:Symbol JS的原始数据类型:6种Boolean,String,Undefined,NULL,Number,Symbol(ES6新增) 原始的数据类型种不包含object这点需要注意.Symbol是用来干什么的:用来区分我们的属性名的,用来定义对象的唯一属性名. console.log(typeof Symbol("Alice")) // 输出:symbol 我们通过Symbol函数来生成…

Javascript的默认对象表示方式 {} ,即一组键值对. 但是Javascript的对象有个小问题,就是键必须是字符串.但实际上Number或者其他数据类型作为键也是非常合理的. 为了解决这个问题,最新的ES6规范引入了新的数据类型Map. 1.Map ES6新增了Map数据结构,Map对象保存键值对,任何值(原始值或对象)都可以作为一个键或一个值. Map是一组键值对,有key 也有value. 初始化Map需要一个二维数组,或者直接初始化一个空Map. Map具有以下方法: set ,…

es6新增了4个字符串处理的方法:startsWith,endsWith,includes,repeat. 1.简单使用 includes()返回布尔值,表示是否找到了参数字符串 startsWith()返回布尔值,表示参数字符串是否在源字符串的头部 endsWith()返回布尔值,表示参数字符串是否在源字符串的尾部 let str="lxy"; //字符串是否以某个字符开头 console.log(str.startsWith('l'));//true console.log(str…

声明命令 1. let命令 ES6新增了let命令,用来声明变量.它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效.下面代码在代码块之中,分别用let和var声明了两个变量.然后在代码块之外调用这两个变量,结果let声明的变量报错,var声明的变量返回了正确的值.这表明,let声明的变量只在它所在的代码块有效. 1 2 3 4 5 6 {   let a = 10;   var b = 1; } console.log(b); // 1 console.log(a); /…

一.常量 不允许重复定义 const a='HELLO' const a='world'//报错Uncaught SyntaxError: Identifier 'a' has already been declared const a='HELLO' a='world'//Uncaught TypeError: Assignment to constant variable. 二 let使用 let:定义一个块级作用域的变量 需要先定义再使用:(不存在变量提升) 不能重复定义 普通变量(var…

es6新增的遍历数组的方法,后面都会用这个方法来遍历数组,或者对象,还有set,map let arr=[1,2,3,4,3,2,1,2]; 遍历数组最简洁直接的方法法 for (let value of arr) { console.log(value);//输出1,2,3,4,3,2,1,2 } 1. 数组.map() 返回一个新的数组,es5要复制一个新的数组我们一般用循环,现在直接用map let arr=[1,2,3,4,3,2,1,2]; let newArr=arr.map((va…

ES6新增的math,Number方法,下面总结了一些我觉得有用的 Nunber.isInteger()判断是否为整数,需要注意的是1,和1.0都会被认为是整数 console.log(Number.isInteger(1.0))//true console.log(Number.isInteger(1))//true console.log(Number.isInteger("1"))//false console.log(Number.isInteger("1.1&quo…

一:声明属性let const var let const 区别 1.var声明变量会发生变量提升,let.const不会发生变量提升 2.var允许重复声明变量,let不可以 3.const声明变量不可以被改变 二:字符串模板 用反引号创建字符串,其中可用${'变量'} console.log(`your name is ${name}`); 三:解构赋值对数组和对象的优化 四:箭头函数 与普通函数的区别 1.书写上用=>代替了function 2.普通函数的this指向window 而ES6…

ES6新增:(IE9级以上支持) 1.forEach():遍历数组,无返回值,不改变原数组. 2.map():遍历数组,返回一个新数组,不改变原数组. 3.filter():过滤掉数组中不满足条件的值,返回一个新数组,不改变原数组. 4.reduce():让数组的前后两项进行某种计算,然后返回其值,并继续计算,不改变原数组,返回计算的最终结果,从数组的第二项开始遍历. 5.some():遍历数组的每一项,有一项返回true,则停止遍历,返回 true,不改变原数组. 6.every():遍历数组…

ES6新增内容有:1,模块化思想.2,关于变量let和const.3,解构赋值.4,字符串的扩展.5,函数的扩展.6,箭头函数.7,继承apply的用法 以下就是详解: 1:模块化思想 非模块化有命名的冲突,文件依赖的缺点,而模块化思想解决了这样的问题,一个文件即一个模块模块的导出,通过exports 和module.exports. export: 在一个模块文件里可以有多个export用于暴露模块的接口,但只能有一个export default用于暴露模块的默认接口,例如: export c…

ES6:  ECMA 第六次改版   块级作用域:   凡是被{ }包裹住的代码都是块级作用域,除了对象       特点:会造成一个暂时性死区    新增声明变量的两种方式: let:     a. 不能重复被定义    b.没有变量声明提升    c.有块级作用域的用法,可以在块级作用域里做个保留    const:     a.定义一个常量,不允许被修改     b.没有变量声明提升     c.声明了不能不允许不赋值     d.支持块级作用域   字符串模板:    ES6之前 var…

1.let ES6中新增的用于声明变量的关键字. let 声明的变量只在所处于的块级有效. 注意:使用 let 关键字声明的变量才具有块级作用域,var 关键字是不具备这个特点的. 1. 防止循环变量变成全局变量. 2. 不存在变量提升 3. 暂时性死区 if(true){ let a=10; } console.log(a); // a is not defined //防止循环变量变成全局变量 for(var i=0;i<2;i++){ } console.log(i); // i=2(只有…

目录 1. 变量的定义 let const 2. 模版字符串 3. 数据解构 4. 函数扩展 设置默认值 箭头函数 5. 类的定义 class 6. 对象的单体模式 "@ ES6新增了关于变量的定义,函数扩展,数据结构,类,模块等概念,本文将详细介绍常用的ES6语法. *** 1. 变量的定义 let ES6中新增了let语法,用来声明变量,用法类似var. ==let定义的变量只在当前代码块内有效.== 如下示例: <script> if (true) { var username…

现在的章节内容会更加的紧密,如果大家看不懂可以先去看以前的文章,当然看了的忘了,也可以去看一下,这样学习后面的内容才会更加容易. 什么是Set结构 Set是ES6给开发者带来的一种新的数据结构,你可以理解为值的集合.我们平时见到的数组Array也是一种数据结构,但是Set跟其他数据结构不同的地方就在于:它的值不会有重复项. 基本用法 我们从最基本的学起,Set的用法: var s = new Set(); console.log(s); //打印结果:Set {} Set本身是一个构造函数,你可…

前端面试之ES6新增了数组中的的哪些方法?! 我们先来看看数组中以前有哪些常用的方法吧! 1 新增的方法! 1 forEach() 迭代遍历数组 回调函数中的三个参数 value: 数组中的每一个元素- index: 每一个数组元素中的索引号! arr: 数组对象本身 <script> // ES5中新增的方法 // forEach() 迭代遍历数组 var arr = [2, 3, 5]; var sum = 0; arr.forEach(function(value, index, arr…

ES6简介 ES6是ECMAScript 6.0的简称,是javascript语言的下一代标准,已经在2015年6月正式发布上线.目的就是为了统一javascript的语法标准,可以用来开发大型应用程序,称为企业级开发语言. ES6与JavaScript的关系: ES6是JavaScript的规范标准,JavaScript是ES6的一种实现. 变量/赋值 块级作用域{} ES5中作用域有:全局作用域.函数作用域,没有块作用域的概念.ES6新增了块级作用域,块作用域由{}包括,if语句里面的{}也…

各位,各位,终于把js完成了一个段落了,这次的章节一过我还没确定下面要学的内容可能是vue也可能是前后端交互,但无论是哪个都挺兴奋的,因为面临着终于可以做点看得过去的大点的案例项目了,先憋住激动地情绪,看看今天的一个内容,今天是es6新增的一些语法,简单也是真的简单,但是我要是没学今天这一天那看到了也是真的看不懂,就跟昨天的正则表达式一样一样的,今天的案例我都没怎么做,而且也都是一些比较简单的案例,我先把今天的一些有代表性的案例传上来吧,是一些面试题之类的,然后我就说下我今天学了些啥子语法,今天…

ECMAScript 是什么? 首先,我们都知道JavaScript由三部分组成:ECMAScript,DOM,BOM: 其中的ECMAScript是Javascript的语法规范. ECMAScript定义了很多东西,如: 语法-----解析规则,关键字,语句,声明,操作等 类型-----布尔型,数字,字符串,对象等 原型和继承 内置对象,函数的标准库----------JSON, Math, 数组方法,对象方法等 浏览器兼容: 目前Google和Firefox浏览器对ES6新特性的兼容最友好…

const arr = [1, 2, 3, 5, 'a', 'b'] /** * * length * 这个只能被 称之为 数组的原生属性, 返回 一个 number * arr.length */ console.log(arr.length) // 6 /** * 按照方法类型 来方便记忆 栈方法(后进先出) 1 * push * 这个方法是向数组末尾添加一个新的元素, 返回的是数组的 新长度, 并改变了原来的数组 * arr.push() */ const resArr1 = arr.pu…

es6在string number boolean null undefined object之外又新增了一种Symbol类型. Symbol意思是符号,有一个特性—每次创建一个Symbol值都是不一样的. symbol是程序创建并且可以用作属性键的值,并且它能避免命名冲突的风险. // var a=new Symbol(); //注意不是用new创建 var a=Symbol(); var b=Symbol(); console.log(a===b); //false 用处:赋值对象的属性被修…

1.let关键字,用来代替 var的关键字,特点: 1.变量不允许被重复定义 2.不会进行变量声明提升 3.保留块级作用域中i的 2.const定义常量,特点:1.常量值不允许被改变 2.不会进行变量声明提升 3.箭头函数 与普通函数的区别:1.书写上用=>代替了function 2.普通函数的this指向window 而ES6箭头函数里面的this指向定义时的那个对象 而不是运行时的那个对象 //普通函数var test = function(x){ return x+2; } 使用箭头函数:…

最近看了很多文章,偶然间看到ES6中新增了一个关键字 let ,它具有与 var 关键字相似的功能.一开始使用它时,发现它让我对之前一些习以为常的东西产生了怀疑. 下面先让我们看看它和 var 之间用法的不同 { var a = 10; let b = 8; } a  //10 b  // Referenceerror :b is not defined 上面在代码块中声明了两个变量并分别赋值输出到控制台,结果a的变量成功输出,b的输出结果产生了报错.可见,let声明的变量只在它所在的代码块中产…

这是es6中新增的字符串方法 可以配合反单引号完成拼接字符串的功能 1.反单引号怎么打出来?将输入法调整为英文输入法,单击键盘上数字键1左边的按键. 2.用法step1: 定义需要拼接进去的字符串变量step2: 将字符串变量用${}包起来,再写到需要拼接的地方 3.示例代码: let a='Karry Wang'; let str=`I love ${a}, because he is handsome.`; //注意:这行代码是用返单号引起来的 alert(str); 一定是用反单引号啊!不…

ES6数组的新增 伪数组转换为数组的两种方法 Array.from()把一个伪数组转换为一个真正的数组 伪数组:有下标和length,但是不能使用数组方法 let lis = document.querySelectorAll('.list li') lis.map(item => { return item })//lis.map is not a function //通过form()方法转换之后就可以使用Array的方法 let lis = document.querySelectorAl…

es5的新特性 对于数组和字符串都进行了加强 map 遍历 es6的新特性 数组的增强 find 查找findIndex 查找下标 字符的增强 includes 是否包含 (包含返回true 不包含返回false)startsWith 是否以这个字符串开头 (是返回true 不是返回false)endsWith 是否以这个字符串结尾 (是返回true 不是返回false)repeat 重复多次的去平铺对应的字符串 变量修饰符(增强) var 关键词修饰的变量是伪全局变量(进行变量提升)let 关…