// 第一部分
/*
console.log(a+'c');
var a = 1;
console.log(b+'c');
let b =1;
*/
// 上述代码 left定义报错 原因:
/*
var a;
console.log(a+'c');
a = 1;
console.log(b+'c');
let b =1; */
// var 有变量提升的功能
var ops =`
console.log(a+'c');
var a = 1;
console.log(b+'c');
let b =1;`
// 模板语言 `` (感觉有点类似pre,不需要逗号转义)
printLog(ops);
function printLog(str){
document.getElementById('log').innerText = str;
} // 第二部分
// 函数作用域
function user(){
var a= 1;
};
console.log(a+'a'); // 访问不到报错
// 要是在下面定义 a 不会报错 会出现undefiend;
var a; // 块级作用域
{
let a =1;
var b=2;
}
console.log('a:'+a); // 块级限制作用域 报错
console.log('b:'+b); // 函数限制作用域 b输出2 // lef 定义变量不存在内存泄漏,会被及时销毁 const 定义变量 后面不能被改变 但是如果申明的是object 那里面空间的值可以被改变
const op = 1;
// ops =2; 会报错
const ops_2 = {a:1};
ops_2.a =2; // 这个可以不会报错 因为地址是对的,里面的值可以更改
const ops_3 = {a:1};
//ops_3 = {c:1}; //报错 同变量一样 地址变了; // `` 模板语言的魅力
// `i ams ${ops}` ops是变量 // 参数内部可以默认赋值
function sum(num1,num2 = 3){
return num1+num2;
}
console.log(sum(7)); // [].map(function(value){}); // 参数里面是每个数组值 Es5的方法(相当于arr[0],arr[1],...) // 箭头函数(没有冒号的时候 )
// .map(vaule=>{}) .map((value,ops)=>{}) // 数组解构 (不知道是不是es6的内容)
var [a,b]=[3,8,10] // 输出a=3,b=8 不报错
//字符串解构
var [x,y,z] = 'Vue';
console.log('xxx'+y)
console.log(`x:${x}|y:${y}|z:${z}`);// 输出V u e
// 对象的解构(右边对象名称不能变 给mm,nn赋值 )
var {mm,nn} ={mm:'10',nn:'11'};
console.log(`m:${mm}|n:${nn}`);
// forEach Es5的 但是不能终止循环 Es6推出 for of
function sum2(...m){
console.log(m);
for(let i of m){
console.log(i);
}
};
sum2(4,9,6);
// 当没有函数名的时候 function 可以去掉直接参数=>
var ops = (...m)=>{
console.log('2');
};
ops(); // 数组的扩展
// 三个点跟数组在一块会自动运算
console.log(...[1,2]); // 输出 1 2
// 原先合并数组 concat(不改变原数组)
let arr1 =[5,6];
let arr2 =[7,8]
console.log(arr1.concat(arr2));
console.log(arr1);
// 自动解析 自动 push
let op = [...arr1,...arr2];
console.log(op); // 输出[5,6,7,8]
let [x,...y] =['12121s',8,9,'ops',5]; // 数组值一一对应 要是像这样 (...y) 是每个值 但是 (y) 还是数组
console.log(typeof x)
console.log(y); //y输出[8,9,'ops',5]; // ...y 意思是 y能容纳多个值 并转化成数组 在传参的时候还有对应值得时候 let xy =[...'es6'];
console.log(xy); //输出['e','s','6']
//总结一下 ...
//1. ...在传参的时候还有对应值得时候 ...y 意思是 y能容纳多个值,y自身转化成数组
//2. ...[]的时候
console.log(...[1,3]); // 输出 1 3
console.log([...[1,3]]); //输出 [1,3]
console.log([...[5,6],...[7,8]]); //输出[5,6,7,8]
//3. ...''的时候
console.log(...'opsss') //输出 o p s s s
console.log([...'es6']); //输出['e','s','6']
//在总结一下 ...对于字符串跟数组能都纯输出 一旦最外城有[] 集合成员(自动push)

vue 学习笔记—Es6的更多相关文章

  1. Vue学习笔记-Vue.js-2.X 学习(四)===>脚手架Vue-CLI(基本工作和创建)

    (五) 脚手架Vue-CLI 一 Vue-CLI前提(nodejs和webpack) 二  Vue学习-nodejs按装配置,Node.js 就是运行在服务端的 JavaScript. 1. 去nod ...

  2. Vue学习笔记-Vue.js-2.X 学习(一)===>基本知识学习

    一  使用环境: windows 7 64位操作系统 二  IDE:VSCode/PyCharm 三  Vue.js官网: https://cn.vuejs.org/ 四  下载安装引用 方式1:直接 ...

  3. Vue学习笔记-2

    前言 本文非vue教程,仅为学习vue过程中的个人理解与笔记,有说的不正确的地方欢迎指正讨论 1.computed计算属性函数中不能使用vm变量 在计算属性的函数中,不能使用Vue构造函数返回的vm变 ...

  4. Vue学习笔记-1

    前言 本文不是Vue.js的教程,只是一边看官网Vue的教程文档一边记录并总结学习过程中遇到的一些问题和思考的笔记. 1.vue和avalon一样,都不支持VM初始时不存在的属性 而在Angular里 ...

  5. vue 学习笔记(二)

    最近公司赶项目,一直也没时间看 vue,之前看下的都快忘得差不多了.哈哈哈,来一起回顾一下vue 学习笔记(一)后,继续向下看嘛. #表单输入绑定 基础用法 v-model 会忽略所有表单元素的 va ...

  6. vue学习笔记之:为何data是一个方法

    vue学习笔记之:为何data是一个方法 在vue开发中,我们可以发现,data中的属性值是在function中return出来的.可为何data必须是一个函数呢?我们先看官方的解释: 当一个组件被定 ...

  7. vue学习笔记(八)组件校验&通信

    前言 在上一章博客的内容中vue学习笔记(七)组件我们初步的认识了组件,并学会了如何定义局部组件和全局组件,上一篇内容仅仅只是对组件一个简单的入门,并没有深入的了解组件当中的其它机制,本篇博客将会带大 ...

  8. vue学习笔记(九)vue-cli中的组件通信

    前言 在上一篇博客vue学习笔记(八)组件校验&通信中,我们学会了vue中组件的校验和父组件向子组件传递信息以及子组件通知父组件(父子组件通信),上一篇博客也提到那是对组件内容的刚刚开始,而本 ...

  9. vue学习笔记(十)路由

    前言 在上一篇博客vue学习笔记(九)vue-cli中的组件通信内容中,我们学习组件通信的相关内容和进行了一些组件通信的小练习,相信大家已经掌握了vue-cli中的组件通信,而本篇博客将会带你更上一层 ...

随机推荐

  1. feemarker知识

    map遍历多出来一些东西解决: <#if rightType?exists><#list rightType.keySet() as typeId> <h2>${r ...

  2. Android studio自带的sample例子

    1. 直接查看Github上面的Sample Sample in GitHub:  点击打开链接 2. FQ下载(个人倾向于下载) 需要FQ工具 goagent goagent在windows下的安装 ...

  3. JS事件(二)事件对象

    html事件处理程序中,变量event中保存着事件对象 <button onclick="alert(ev.type)" id="btn">clic ...

  4. Constructor >> @Autowired >> @PostConstruct

    从依赖注入的字面意思就可以知道,要将对象p注入到对象a,那么首先就必须得生成对象p与对象a,才能执行注入.所以,如果一个类A中有个成员变量p被@Autowired注解,那么@Autowired注入是发 ...

  5. vue(基础一)_基本指令的使用

    一.前言 1.基本骨架                          2.插值表达式{{ }}   3.vue起的作用,在开发中充当的角色MVC                           ...

  6. WiFi热点(1):windows8建wifi虚拟热点

    在windows8系统中,打开记事本,写入下面两行:@netsh wlan set hostednetwork mode=allow ssid=wuyazhe key=88888888@netsh w ...

  7. C# BackgroundWorker使用总结

    查询了一下MSDN文档,其中微软就BackgroundWorker类的功能有这么一个描述(英文的,根据个人理解翻译):BackgroundWorker类允许您在单独的线程上执行某个可能导致用户界面(U ...

  8. Spring下redis的配置

    这个项目用到redis,所以学了一下怎样在Spring框架下配置redis. 1.首先是在web.xml中添加Spring的配置文件. <web-app version="3.0&qu ...

  9. centos 7.2 部署并升级gitlab

    事由: 老git服务器centos 7.2上的git版本是8.13.5,先特在一台测试机centos 7.2上安装git 8.13.5 后,还原git后,在对测试服务器上git进行升级操作. 测试服务 ...

  10. springBootJpa的复杂查询

    分页 /** * 条件查询+分页 * @param whereMap * @param page * @param size * @return */ public Page<CaseManag ...