# JavaScript ES6&7：一场革命性的进步
JavaScript是一种广泛应用于Web开发的编程语言。随着Web技术的不断发展，JavaScript也在不断进化。其中，ECMAScript 6（简称ES6）和ECMAScript 7（简称ES7）是两个引人注目的版本。ES6于2015年发布，而ES7则于2016年发布。它们引入了许多新的功能和语法，大大改善了JavaScript的开发
原创
2023-08-09 08:59:22
36阅读
定义类class Person{
constructor(name, age){
this.name = name;
this.age = age;
}
getName(){
console.log(this.name);
}
setName(){
this.name = name;
}
}
var p = new Person('zbx', '18');
p
转载
2024-07-23 16:32:12
43阅读
ES6的使用示例一、使用方法示例，开头加上'use strict'<script type='javascript'> 'use strict' // 错误示例 username='mike' /**正确示例*/ var username='mike'</script>笔记一 ：必须使用var声明变量，防止污染全局变量示例二、...
原创
2022-03-30 09:40:05
148阅读
ES6的使用示例一、使用方法示例，开头加上'use strict'<script type='javascript'> 'use strict' // 错误示例 username='mike' /**正确示例*/ var username='mike'</script>笔记一 ：必须使用var声明变量，防止污染全局变量示例二、...
原创
2021-08-07 12:56:30
104阅读
JavaScript Learning Paths(ES5/ES6/ES-Next)
转载
2020-07-09 12:56:00
210阅读
2评论
前端面试题，JavaScript进阶篇共收录面试题28道。1、说说ECMAScript6 怎么写 calssES6的class可以看作是一个语法糖，它的绝大部分功能ES5都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法 // 定义类
class Point {
constructor(x, y) {
// 构造方法
this
• // var fn3 = (a, b) => { console.log('我两个形参: ', a, b) }• // var fn2 = a => { console.log('我一个形参 : ', a) }• // var fn2 = () => { console.lo
原创
2023-08-09 10:19:10
130阅读
# JavaScript ES6简介
JavaScript是一种强大的脚本语言，广泛应用于网页开发中。然而，早期版本的JavaScript存在一些局限性，使得开发者们在编写代码时遇到了一些挑战。为了解决这些问题，ECMAScript 6（简称ES6）于2015年发布，引入了许多新的语法和功能，使得JavaScript变得更加现代化和强大。
## let和const
在ES6之前，我们只能使用
原创
2023-07-19 07:25:54
811阅读
ES6、ES7的新特性、基本使用以及 async/await的基本使用 ES6常用新特性：let && const、iterable类型、解构赋值、=>函数、...操作符、类 1、let 命令也用于变量声明，但是作用域为局部{
let a = 10;
var b = 1;
}在函数外部可以获取到b，获取不到a，因此例如for
转载
2024-05-07 16:32:47
68阅读
属性数组mapfilterreducefindincludesArray.from、扩展运算符异步回调函数Promise（后续）
上一篇我们学习了ES6语法的面向对象的基础，本篇我们来学习ES6面向对象的使用译 EC
原创
2023-03-18 10:35:53
153阅读
// let p = new Proxy(target,handel)// tearget: 用Proxy包装的目标对象// handel:一个对象proxy代理操作的对象// ----------get用于对象属性读取的拦截 可以接收三个参数 目标对象 属性名 proxy实例本身(可选)------------------// 判断一个对象的属性是否存在let person = { nam
原创
2020-07-05 20:03:36
57阅读
let obj = {name:'tony'}console.log('name' in obj);console.log(Reflect.has(obj,'name'));//Reflect 的api 和proxy代理的api通用 let obj = { name:'Chris'}let result = Reflect.get(obj,'name')console.log(result)
原创
2020-07-05 20:06:01
28阅读
generator函数 介绍es6提出的一种异步解决的方案执行这个generator函数会返回一个遍历器对象形式上区别之一 function关键字与函数名之间有一个*号形式上区别之二 函数内部使用yield表达式
用法function* helloGenerator(){ yield 'hello' yield 'world' return 123}let res = hell
原创
2020-07-05 10:58:17
24阅读
Promise 是什么是一种异步解决的方案 比es5传统的解决异步的方案（回调函数） es6提供了promise对象
以前处理异步的方式// 后者要等待前者执行的结果 f2 要等待 f1执行完function f1(callback){ setTimeout(()=>{ var res = 'f1' console.log('我先执行从后台获取到了f1')
原创
2020-07-05 10:40:08
44阅读
generator构造器 function *show(){ yield 12; yield 5; } var gen = show(); //show()是构造器，不是函数。所有show()不是执行函数，而是创建generator对象。 gen.next()开始执行。 console.log(ge
转载
2017-04-02 18:50:00
157阅读
JSON转字符串JSON.stringify(obj/arr)转换为json对象var obj={name:'bob'}obj = JSON.stringfy(obj)字符串转JSON对象obj = JSON.parse(obj)
原创
2021-08-07 12:56:28
135阅读
JSON转字符串JSON.stringify(obj/arr)转换为json对象var obj={name:'bob'}obj = JSON.stringfy(obj)字符串转JSON对象obj = JSON.parse(obj)
原创
2022-03-30 09:40:04
93阅读
目的： 1、es6 class 转为 es5 的源码及如何实现继承 2、手写继承和Class的不同之处。安装babelnpm install -g babel-clinpm init -ynpm install --save-dev babel-preset-es2015 babel-cli新建.babelrc{
"presets": ["es2015"],
"plugins": []
}
转载
2024-06-10 12:36:36
61阅读
常量// ES5 中常量的写法Object.defineProperty(window, "PI2", { value: 3.1415926, writable: false,})console.log(window.PI2)// ES6 的常量写法const PI = 3.1415926console.log(PI)// PI = 4作用域// E...
原创
2022-03-01 10:22:18
274阅读
