-
一、课程介绍
1、运用（jquery - ES3、VUE - ES6、React - ES6）
2、涉及内容（常量、作用域、箭头函数、默认参数、对象代理）
查看全部 -
es5中的function函数中this指的是“谁调用的这个方法，这个方法的this就指向谁”；
es6中箭头函数中的this指向的是：“谁定义了这个方法，这个方法的this就指向谁”
查看全部 -
eslint查看全部
-
var，let作用域
立即执行函数和花括号的作用域
查看全部 -
... 扩展运算符
查看全部 -
安装GIt执行操作
查看全部 -
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; } } });查看全部
-
什么是对象代理？比如我们封装了一组数据，通过访问代理，对数据访问做限制，而用户访问的是代理层，而不是源数据。这样就数据进行保护。查看全部
-
es3采用闭包的形式去保护数组，而es5直接采用defineProperty的方式去保护数组查看全部
-
// 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{ } }查看全部
-
// 数据保护 // 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')}); }查看全部
-
//es5
Object.defineProperty(window,'name',{
value: 'test',
writable: false
})
查看全部 -
常量、作用域、箭头函数、默认参数、对象代理
查看全部 -
//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 是只读的错误查看全部
-
一、基础 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/150
提交
取消