ES6快速入门_技术笔记

安东尼T 2019-11-11

... 扩展运算符

0赞 · 0采集
强者身边无废物 2019-11-06

安装GIt执行操作

截图
0赞 · 0采集
慕妹9416025 2019-10-29

ES6原生语法代理 : let object = new Proxy() ; object 为用户访问操作的代理对象，而不是原始对象 //ES6 let Person = { //创建一对象 name: 'es6', sex: 'male', age: 15 }; let person = new Proxy(Person, { //Person为代理的对象 get(target, key) { //get为读取操作，参数target为代理对象的数据，key是你要读的哪个属性。 return target[key] }, set(target,key,value){ //set为设置修改操作，value为属性值 if(key!=='sex'){ target[key]=value; } } });

截图
0赞 · 0采集
慕妹9416025 2019-10-29

什么是对象代理？比如我们封装了一组数据，通过访问代理，对数据访问做限制，而用户访问的是代理层，而不是源数据。这样就数据进行保护。

截图
0赞 · 0采集
慕妹9416025 2019-10-29

es3采用闭包的形式去保护数组，而es5直接采用defineProperty的方式去保护数组

截图
0赞 · 0采集
慕妹9416025 2019-10-29

// es5 { var Person = { name : 'es5', age : 15 }; Object.defineProperty(Person,'sex',{ writable : false, value : 'male' }); //读取 console.table({name : person.name,sex : person.sex,age : person.age}); person.name = 'es5-cname'; console.table({name : person.name,sex : person.sex,age : person.age}); // 报错 person.sex = 'female'; console.table({name : person.name,sex : person.sex,age : person.age}); }   // es6 { let Person = { name : 'es6', sex : 'male', age : 18 }; let person = new Proxy(Person,{ get(target,key){ return target[key]; }, set(target,key,value){ if(key != 'sex') target[key] = value; } }); // 读取 console.table({name : person.name,sex : person.sex,age : person.age}); // 修改 try{ person.sex = 'female'; }catch(e){ console.log(e); }finally{ } }

截图
0赞 · 0采集
慕妹9416025 2019-10-29

// 数据保护 // es3 { var Person = function(){ // 局部作用域 var data = { name : 'es3', sex : 'male', age : 15 } this.get = function (key){ return data[key]; } this.set = function(key, value){ if(key != 'sex'){ data[key] = value; } } } var person = new Person(); //读取 console.table({name : person.get('name'),sex : person.get('sex'),age : person.get('age')}); // 修改 person.set('name','es3-cname'); console.table({name : person.get('name'),sex : person.get('sex'),age : person.get('age')}); person.set('sex','female'); console.table({name : person.get('name'),sex : person.get('sex'),age : person.get('age')});   }

截图
0赞 · 0采集
前端谢广坤 2019-10-25

//es5
Object.defineProperty(window,'name',{
value: 'test',
writable: false
})

截图
0赞 · 0采集
前端谢广坤 2019-10-25
常量、作用域、箭头函数、默认参数、对象代理
截图
0赞 · 0采集
慕妹9416025 2019-10-24

//ES5 中的常量，设置常量是只读的   Object.defineProperty(window,"pi1",{ value:3.141592, writable:false,//不可编辑 }) console.log("pi1:"+pi1);   // ES6 中的常量不能赋值  const pi2=3.1415926 console.log("pi2:"+pi2);   //pi2=4 加上这句会报 pi2 是只读的错误

截图
0赞 · 0采集
慕妹9416025 2019-10-24

一、基础 Git， Webpack, JS 二、ES6环境搭建步骤 1. 安装git  2. 下载webpack es6项目到本地：git clone https://github.com/cucygh/es6-webpack.git （在cmd输入,。可先cd到指定目录）   3. cd到根目录： cd es6-webpack （在cmd输入）   4. 安装webpack：npm/cnpm install （在cmd输入）  5. 全局安装：npm/cnpm install webpack -g（在cmd输入）  6. 全局安装：npm/cnpm install webpack-dev-server -g（在cmd输入）  7. 运行项目：npm/cnpm start（在cmd输入）  三、webpack构建环境 1. 自动编译ES6语法  2. 改动代码并且保存，浏览器会自动刷新   四、前端学习笔记下载到本地： git clone https://github.com/cucygh/fe-material.git

截图
0赞 · 0采集
慕妹9416025 2019-10-24

一、基础 Git， Webpack, JS 二、ES6环境搭建步骤 1. 安装git  2. 下载webpack es6项目到本地：git clone https://github.com/cucygh/es6-webpack.git （在cmd输入,。可先cd到指定目录）   3. cd到根目录： cd es6-webpack （在cmd输入）   4. 安装webpack：npm/cnpm install （在cmd输入）  5. 全局安装：npm/cnpm install webpack -g（在cmd输入）  6. 全局安装：npm/cnpm install webpack-dev-server -g（在cmd输入）  7. 运行项目：npm/cnpm start（在cmd输入）  三、webpack构建环境 1. 自动编译ES6语法  2. 改动代码并且保存，浏览器会自动刷新   四、前端学习笔记下载到本地： git clone https://github.com/cucygh/fe-material.git

截图
0赞 · 0采集
慕妹9416025 2019-10-24

git clone https://github.com/cucygh/es6-webpack.git cd es6-webpack && npm install

截图
0赞 · 0采集
慕妹9416025 2019-10-24

https://github.com/cucygh/es6-webpack.git

0赞 · 0采集
张翔Mark 2019-10-23

这是好东西

截图
0赞 · 0采集
张翔Mark 2019-10-23

帮你

0赞 · 0采集
qq_初代_千手柱间 2019-10-13

new Proxy 对象的代理

截图
0赞 · 0采集
qq_初代_千手柱间 2019-10-12

Array.prototype.slice.call()

截图
0赞 · 0采集
qq_初代_千手柱间 2019-10-12

x默认参数是一个函数，当x没有传值，就会执行这个函数了

截图
0赞 · 0采集
qq_初代_千手柱间 2019-10-12

箭头函数中this的指向，是定义时this的指向。

截图
0赞 · 0采集
qq_初代_千手柱间 2019-10-12

总结 this指向的是谁调用了这个function，就是c

截图
0赞 · 0采集
qq_初代_千手柱间 2019-10-12

()=>{} 如果只有一个参数（）可以省略，直接return， {}也是可以不用的

截图
0赞 · 0采集
qq_初代_千手柱间 2019-10-12

let块作用域的值会被保留下来

截图
0赞 · 0采集
qq_初代_千手柱间 2019-10-12

i变量在闭包中，最后是3。console.table用法

截图
0赞 · 0采集
qq_初代_千手柱间 2019-10-12

object.defineProperty 只读设定，像是常量

截图
0赞 · 0采集
慕斯6325516 2019-10-04

Es6

截图
0赞 · 0采集
llleeeee 2019-10-04

ES6进阶指导

截图
0赞 · 0采集
苇草May 2019-09-28

搭建环境准备

截图
0赞 · 0采集
JiangCYkk 2019-09-25

ES6进阶指导

截图
0赞 · 0采集
weixin_慕勒5041145 2019-09-18

ES6课程内容:
常量
作用域
箭头函数
默认参数
对象代理

截图
0赞 · 0采集

数据加载中...