精华内容
下载资源
问答
  • ES6新增语法

    2021-10-25 15:24:13
    数组名】 find查找满足条间的第一个item,返回要查找的元素 通过${ } 选择字符串加入,ES6中不需要拼接字符串 模板字符串会自动换行,且在模板字符串中可以调用函数也通过 ${ }来调用。 repeat CSS中背景设置的no-...

    var 存在变量提升会污染全局变量

    let const 声明的变量具有块级作用域,每声明一个就是一个块级作用域, 如 { }中的变量不可被外界调用;因变量无提升,必需先声明变量才能调用变量;

    const 声明的变量内存地址不可更改,但变量为数组等,可以修改其中部分值,不可对整个数组重新赋值。

    若声明的值不需要变化,则一般使用const关键字声明,需要变化则使用用let关键字。

    函数内容只有一行,且返回值为本身,可省略 { }

     call函数改变fn函数的的this指向,指向obj,箭头函数中没有this 其被定义在fn下,则使用fn的this,输出为obj对象。

    箭头函数无this指向,被定义在obj中,然而obj为对象不能产生作用域,相当于成了全局的this指向。全局定义一个变量age,输出age值。相当于 window.this 。

    当实参大于形参,可以用在形参前加 ... 则该形参可以接受所有实参。 加了 ...的形参也可数组结构时使用。

    ...数组名 相当于去掉了数组的[ ]号 

     将为数组转化为数组【...数组名】

     find查找满足条间的第一个item,返回要查找的元素 

     通过${ } 选择字符串加入,ES6中不需要拼接字符串

    模板字符串会自动换行,且在模板字符串中可以调用函数也通过 ${ }来调用。

     repeat CSS中背景设置的no-repeat 重复的意思。

     

    set.size可获得去除了重复数据的个数 

    set去重后是伪数组,使用([...new set(数组名)])可实现数组去重,结果为数组

     

    展开全文
  • ES6新增语法 1、let、const (1)、变量声明let和const var a = 123 // let 声明的变量不存在预解析 console.log(a); let a = 123 (2)、// let 声明的变量不存在预解析 let a = 123 let a = '123' console.log...

    ES6新增语法

    1、let、const

    (1)、变量声明let和const
    	var a = 123
    	// let 声明的变量不存在预解析
    	console.log(a);
    	let a = 123
    (2)、// let 声明的变量不存在预解析
    	let a = 123
    	let a = '123'
    	console.log(a);
    (3)、// ES6 引入了块级作用域
    	if(true) {
    	    // var flag = 12
    	    let flag = 11
    	}
    	console.log(flag);
    	{
    	    // 这里是块级作用域
    	    let a = 1
    	    // console.log(a);
    	}
    	// console.log(a);
    (4)、for (let i=0;i<3;i++){
    		    // for 循环括号中声明的变量只能在循环体中使用
    		    console.log(i);
    		}
    		console.log(i);
    (5)、// 在块级作用域内部, 变量只能先声明在使用
    	if(true) {
    	    console.log(flag);
    	    let flag = 123
    	}
    (6)、// const 用来声明常量
    		// const 声明的常量不允许重新赋值
    		 const a = 1
    		 a=2
    (7)、// const 声明的常量必须初始化
    	const acb
    
    变量的解构赋值
    
     1. 变量的解构赋值
     	var a =1
    	var b =2
    	var c =3
    	// console.log(a,b,c);
    	var a =1,b =2,c =3
    	console.log(a,b,c);
    2.数组的解构赋值
    	var [a,b,c ] = [1,2,3]
    	console.log(a,b,c);
    	let [a,b,c ] = [,123,]
    	console.log(a,b,c)
    3.对象的解构赋值
    	let {foo,bar} = {bar: "hi", foo:"hello"}
    	console.log(foo,bar);
    	对象属性别名(如果有了别名,那么原来的名字就无效了)
    	let {foo:abc,bar} = {bar: "hi", foo:"nihao"}
    	console.log(abc,bar);
    	
    	let {cos,sin,random} = Math
    	
    	console.log(typeof cos);
    	console.log(typeof sin);
    	console.log(typeof random);
    4.字符串的解构赋值
    	let [a,b,c,d,e,length] = "hello"
    	console.log(a,b,c,d,e);
    	console.log(length);
    	console.log("hello".length);
    
    字符串扩展
    icludes() 判断字符串中是否包含指定的字符串(有的话返回true,否则返回false)
                  参数一:匹配的字符串; 参数二:从第几个开始匹配
    (1)、	console.log('hello world'.includes('world', 7));
    		let url = 'admin/index.php'
    		console.log(url.startsWith('admin'));
    		console.log(url.endsWith('phph'));
    (2)、	let obj = {
    		    username: 'lisi',
    		    age: '12',
    		    gender: 'male'
    		}
    	反引号表示模板,模板中的内容可以有格式,通过${}方式填充数据
    		let tpl = `
    		    <div>
    		    <span>${obj.username}</span>
    		    <span>${obj.age}</span>
    		    <span>${obj.gender}</span>
    		    </div>
    		`
    		console.log(tpl);
    
    函数扩展
    (1)、function foo(param) {
    	    let p = param || "hello"
    	    console.log(p);
    	}
    	foo('hi')
    (2)、function foo(param='nihao') {
    	    // let p = param || "hello"
    	    console.log(param);
    	}
    	foo('hello kitty')
    (3)、rest参数(剩余参数)
    	function foo(a,b,...param) {
    	    console.log(a);
    	    console.log(b);
    	    console.log(param);
    	}
    	foo(1,2,3,4,5)
    结果是:
    	1
    	2
    	[ 3, 4, 5 ]
    (4)、扩展运算符
    	function foo(a,b,c,d,e) {
    	    console.log(a+b+c+d+e);
    	}
    	foo(1,2,3,4,5)
    结果是:15
    
    
    展开全文
  • ES6新增语法-关键字

    2021-07-19 08:55:13
    文章目录1. let 关键字2. const 关键字3. let、const、var 的区别 1. let 关键字 功能: 声明变量 特点: (1) 块级作用域有效, 使用 let 关键字生命的变量只在块级作用域中 {} 有效;...(2) 没有变量提升, 使用 let ...


    1. let 关键字

    • 功能: 声明变量
    • 特点:
      (1) 块级作用域有效, 使用 let 关键字生命的变量只在块级作用域中 {} 有效;
      (2) 没有变量提升, 使用 let 关键字声明的变量只能先声明后使用;
      (3) 暂时性死区特性,块级作用域中使用 let关键字 声明变量,该块级作用域会和该变量绑定,成为暂时性死区,不受外部变量的影响。
    • 优点:
      (1) 在业务逻辑比较复杂时 (代码量比较庞大), 能够防止内层变量覆盖外层变量。
      (2) 可以防止循环变量变成全局变量。
    • 经典面试题:
      (1)
      在这里插入图片描述
      输出: 都输出2

    (2)
    在这里插入图片描述
    输出: 分别输出0 ,1
    解析: 每次循环都会产生一个块级作用域,每个块级作用域中的变量都是不同的,函数执行时输出自己的上一级作用域中的变量值。(当前题中函数的上一级作用域就是循环产生的作用域)

    2. const 关键字

    • 作用:
      声明常量,常量就是值不能改变的量
    • 特点:
      (1) 块级作用域有效;
      (2) 使用 const 关键字声明常量必须赋初始值;
      (3) const 关键字声明的常量一旦赋值,就不能更改。(基本数据类型的值:值不能更改;引用数据类型的值:地址值不能更改,但可以修改数据内部的值)

    3. let、const、var 的区别

    1. 使用 var 声明的变量,其作用域为该语句所在的函数内,且存在变量提升特性
    2. 使用 let 声明的变量,其作用域为该语句所在的代码块内,不存在变量提升特性
    3. 使用 const 声明的是常量,在声明常量时必须赋值,且之后不能更改
    4. 使用 var 关键字声明常量,声明时可以不赋值,之后也可以更改。
      在这里插入图片描述
    展开全文
  • ES6新增语法 箭头函数

    2021-07-07 15:58:38
    ()=>{} 箭头函数是用来简化函数定义语法的 const fn =()=>{} 箭头函数中的this关键字 箭头函数不绑定this关键字 箭头函数中的this指向的是函数定义位置的上下文this

    ()=>{} 箭头函数是用来简化函数定义语法的

    const fn = ()=>{}

    箭头函数中的this关键字

    箭头函数不绑定this关键字 箭头函数中的this指向的是函数定义位置的上下文this

    展开全文
  • es6新增语法

    2021-09-29 21:10:44
    es6新增的声明变量的关键字 let声明的变量只在所处于的块级有效 在一个大括号中,使用let关键字声明的变量才具有块级作用域,var关键字是不具备这个特点的 防止变量变成全局变量 使用let关键字声明的变量...
  • const的作用:声明常量,常量就是值(内存地址)不能变化的量,也就是const的值不可更改,且const声明的变量也就有块级作用域的特性。 简单代码示例: if(true){ const a = 10; console.log(a);...
  • 目录ES6简介ES6新增语法letconstvar三者区别解构赋值箭头函数剩余参数ES6内置对象Array对象String对象Set集合 ES6简介 ES全称ECMAScript,它是由ECMA国际标准化组织制定的一项脚本语言的标准化规范。 ES6新增语法 let...
  • js-ES6新增语法

    2021-12-11 09:16:13
    // ES6语法 // ECMA Script // 改变this指向调通函数时使用call fn.call(obj, 1) // 此时第一个值为改变this的指向, 第二个值开始为形参 // 自调用函数 (function () { //函数执行代码 arguments //所有...
  • ES6-day01 let的应用 var btns=document.getElementsByTagName('button'); for(let i=0;i<btns.length;i++){ btns[i].onclick=function(){ // btns[i].style.color='red';如果使用的是var 此时会...
  • 一、Symbol类型 ...不支持语法:“new Symbol()”:从 ECMAScript 6 开始不再被支持原始数据类型创建一个显式包装器对象。 然而,现有的原始包装器对象,如 new Boolean、new String以及new Number,因为遗
  • javascript ES6新增语法中的新的数据类型 1.set() 我们可以把它想象成唯一的数组,里面的元素是唯一的比数组少了索引,是可遍历的对象,可以用forof和foreach循环遍历 有一下方法: 1.add() 添加一个元素,如果Set...
  • 应用 1.合并数组 2.将伪数组转换为真正数组 还可以使用Array.from()将伪数组转换为真正数组 ...用于找出第一个符合条件的数组成员 (some()类似,但some返回值是true或false) 没有找到返回undefined ...
  • 003ES6新增语法

    2020-12-19 22:02:56
    003 ES6新增语法 添加大概内容: 一、let关键字 等价于之前的var,但具备var没有的特点: 1.在一个大括号中,使用let关键字声明的变量具有块级作用域,也就是之后的语句无法访问这些变量 for (var i=0; i<3; i++...
  • 目录Promise基础- 基本语法- then方法- 链式调用- catch方法Set(集合)- Set相关应用Map数据结构 Promise基础 - 基本语法 代码例: // 实例化Promise对象 const p = new Promise(function(resolve, reject){ ...
  • JavaScript ES6新增语法

    千次阅读 2021-02-13 14:20:20
    四、箭头函数(()=>{}) 特点: 不能直接存在,必须作为值存在 语法极简 当有且只有一个形参时,可以省略小括号 当有且只有返回语句时,可以省略return关键字和花括号 伤害了代码的可读性 当有且只有返回语句,返回...
  • 文章目录ES6语法 ES6语法 ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范
  • 09-es6新增语法

    2021-10-19 20:50:10
    ES6语法 目标 能够说出使用let关键字声明变量的特点 能够使用解构赋值从数组中提取值 能够说出箭头函数拥有的特性 能够使用剩余参数接收剩余的函数参数 能够使用拓展运算符拆分数组 能够说出模板字符串拥有的特性 ...
  • ES6新增语法 剩余参数

    2021-07-07 16:17:23
    剩余参数允许我们将一个不定数量的参数表示为一个数组 和解构配合使用 ... 就代表剩余数组
  • ES6新增常用语法总结

    2021-08-02 18:07:53
    之前函数声明时要使用function关键字,拥有this 箭头函数声明 let add = () => {函数体} 不支持this,写了会报错 三、解构赋值(类似于Python中的序列解包) 解构赋值语法是一种 Javascript 表达式。通过解构赋值,...
  • ES6中json的2个变化 简写:名字和值相同时,json可以可以简写 let a=12,b=5; let json = { a, b } console.log(json) // { a:12 , b:5 } 省略function:json中的函数可以简写 let persen ={ name:'倩倩', ...
  • ES6新增语法——Set和Map 2020-5-18 非数组对象的定制实现,即 Set 与 Map ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值* { const s = new Set(); [1,2,2,2,6,5].forEach(x...
  • 上篇文章《ES6新增语法(五)——Promise详解》我们介绍Promise,Promise一旦执行就无法暂停和取消,所以ES6引入了Generator函数,可以通过yield关键字,把函数的执行流程挂起,可以改变执行流程。 什么是Generator...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 20,697
精华内容 8,278
关键字:

es6新增语法