javascript ES6新增特性

本文深入探讨了ES6(ECMAScript 6)引入的重要新特性,包括变量声明方式如let和const,解构赋值,模板字符串,箭头函数,this数据场景,数组和函数的扩展,以及新数据类型Symbol的使用。通过具体示例,读者可以全面了解这些新特性的语法和应用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

声明变量

var 变量名 = 变量值; // 声明变量,函数作用域

let 变量名 = 变量值; // 声明变量,块级作用域 (ps. 作用域内不能重复定义、能修改

const 变量名 = 变量值; // 声音常量,块级作用域(ps. 作用域内不能重复定义、不能修改

解构赋值

let [变量名=默认值, 变量名=默认值, 变量名=默认值]= [‘神龙教主’, 18]

let {uname:变量名,…,sex:变量名,键:变量名=默认值} = {uname:‘webopenfather’, age: 18}

模板字符串

语法说明**

反引号 英文状态 1 左边的键 或者 esc下面的键

遇到变量 ${变量名}

`内容… ${变量名} 内容… `

函数的扩展

this数据场景

1、this数据场景!!!

A普通函数调用 this => window对象 function 函数名() { this }

B对象函数调用 this => 对象自身 var obj = {say: function() { this }}

C事件处理函数调用 this => this事件源 标签对象.事件类型 = function(){ this }

D定时器调用 this => window对象(新

E箭头函数中调用 this => 父function中的this 没有父就是window对象(新

箭头函数

【ES5】function 函数名(形参,…,形参n) {}
↓ 去掉 function 函数名 接着 在() 后面加 =>
【ES6】(形参,…,形参n) => {}

function 函数名(形参) {
var 变量名 = 形参 || 默认值
}

数组的扩展

成员查找find()、findIndex()

数组.find(实战)

let 变量名 = 数组.find(function(item) { // item就是数组中的值,会挨个赋值给item
return 判断条件 // 条件成立 就会终止遍历 将当前item赋值给变量
})

let 变量名 = 数组.find((item) => { // item就是数组中的值,会挨个赋值给item
return 判断条件 // 条件成立 就会终止遍历 将当前item赋值给变量
})

let 变量名 = 数组.findIndex((item) => {
return 条件
})

新Symbol数据类型

数据结构(Set 、Map)

■语法说明

增:m.set(键,值)

获取/删除/检测:m.get/delete/has(键)

清除:m.clear()

获取所有键:m.keys()

获取所有值:m.values()

循环

forof (既可以遍历字符串、数组等 还可以遍历新的数据结构 主要用来就是遍历心的数据结构

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值