ECMAScript6语法

  • 为什么要学习ES6

    • ES6也叫ECMAScript2015,2015-6月正式发布,向下兼容ES5.1
    • ES6来编写Node.js程序
    • ES6让JavaScript语言能够开发复杂应用程序
  • 严格模式
    • ES5中出现的模式
    • 严格模式的目的:
      • 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;
      • 消除代码运行的一些不安全之处,保证代码运行的安全;
      • 提高编译器效率,增加运行速度;
      • 为未来新版本的Javascript做好铺垫
      • 参考

        严格模式的限制严格模式的限制

    • 开启严格模式
      • 在作用域的最上面 "use strict"

        • js文件的最开头
        • function的开头
  • 变量和常量
    • 变量 let

      • 没有变量提升,必须先定义再使用
      • 有块级作用域
      • 解决问题
        window.onload = function () {
                  var ul = document.getElementById("list");
        
                  var lis = ul.getElementsByTagName("li");
        
                  for(let i = 0, length=lis.length; i < length; i++) {
        
        //                (function (i) {
        //                    lis[i].onclick = function () {
        //                        console.log(i);
        //                    }
        //                })(i);
        
                      lis[i].onclick = function () {
                          console.log(i);
                      }
                  }
              }
        
    • 常量 const
      • 常量的一旦赋值,不能改变,比如:获取包的时候,用const来定义变量
      • 有块级作用域
      • 没有变量提升,先定义再使用
      • 不可以重复定义
      • 必须有初始值,否则报错
      • 在Node.js中,所有接收require()获得的对象都使用const修饰
  • string的扩展方法
    • includes() 返回布尔值,是否包含,第二个参数从第几个位置开始查找
    • startsWith() 返回布尔值,是否以...开头,第二个参数从第几个位置开始查找
    • endsWith() 返回布尔值,是否以...结尾,第二个参数, 前n个字符以...结尾
    • repeat() 重复次数
  • 模板
    • 示例1:

      let name = "steve jobs";
      let str = `hello ${name}`;
      
    • 示例2:
      let obj = {name:"jobs", age: 18, salary: 1};
      
      let template = `
        姓名:${obj.name}
      年龄:${obj.age}
      工资:${obj.salary}
      `.trim();
      
    • 示例3:生成页面
  • 箭头函数
    • 格式: => (读作:goesto) 左边是参数,右边是方法体
    • 演变:function f(x,y) {} -----> 演变成箭头函数
       (x, y) => {}
       语法格式简单
      
    • 箭头函数的几种形式:
      • 没有参数 () => console.log("hello");
      • 有一个参数 a => ++a;
      • 有多个参数 (a,b) => a + b;
      • 方法体有多条语句 (a,b) => { a=1; b=2; console.log(a+b)};
    • 箭头函数的注意事项
      • 箭头函数不会影响this的指向
      • 箭头函数根本没有自己的this,箭头函数内部的this就是外层代码块的this
      • 箭头函数中没有arguments对象,箭头函数内部的arguments指向外层函数的arguments
      • 不可以当做构造函数
时间: 2024-10-23 03:07:24

ECMAScript6语法的相关文章

ECMAScript6语法检查规范错误信息说明

项目中使用ECMAScript6的时候经查会使用语法检查,下面是常见错误信息的汇总: 1 “Missing semicolon.” : “缺少分号.”, 2 “Use the function form of \”use strict\”.” : “使用标准化定义function.”, 3 “Unexpected space after ‘-’.” : “在’-'后面不应出现空格.”, 4 “Expected a JSON value.” : “请传入一个json的值.”, 5 “Mixed s

项目中使用的ECMAScript6语法总结

1.对象的写法 es5中对象: {add:add,substrict:substrict} es6中对象: {add,substrict} 注意这种写法的属性名称和值变量是同一个名称才可以简写,否则要想es5那样的写法,例如: {addFun:add} 2.在对象中的方法的写法 es5中对象: {add:function(){},substrict:function(){}} es6中对象: {add(){},substrict(){}} 3.对象的导出写法 es5两种形式: 1.module.

07.VUE学习之解决phpstorm不识别ECMASCRIPT6语法的问题

此时已经识别: 原文地址:https://www.cnblogs.com/haima/p/10223532.html

针对于ECMA5Script 、ECMAScript6、TypeScript的认识

什么是ECMAScript.什么又是ECMA? Ecma国际(Ecma International)是一家国际性会员制度的信息和电信标准组织.1994年之前,名为欧洲计算机制造商协会(European Computer Manufacturers Association).因为计算机的国际化,组织的标准牵涉到很多其他国家,因此组织决定改名表明其国际性.现名称已不属于首字母缩略字.         ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,英文名称是European C

ECMAScript6 Object

二.对象 A lot of ECMAScript 6 focused on improving the utility of objects. The focus makes sense given that nearly every value in JavaScript is represented by some type of object. Additionally, the number of objects used in an average JavaScript program

Webstorm 添加新建.vue文件功能并支持高亮vue语法和es6语法

添加新建.vue文件功能 ①Webstorm 右上角File-Plugins 搜索vue如果没有就去下载 点击serch in repositories ②点击安装vue.js ③安装成功后点击右下角Apply 提示重启webstorm 重启完成后 Setting-Editor-File and Code Templates 点击右上角的加号 添加vue文件 Name为vue File, Extension 为vue,下面的位置可以填写自定义的初始化模板内容 ④点击OK 返回,在项目中新建会出现

JavaScript语法基础(1)

1.JavaScript是什么? 1)定义: JavaScript「JS」是一种高级的.动态的. 弱类型的.解释型的计算机编程脚本语言. 2)原理: 3)组成: 3大部分: ◆ ECMAScript: JS的语法核心 ◆ DOM: Document Object Model: 文档对象模型: 提供访问和操作网页的方法和接口 ◆ BOM: Browser Object Model: 浏览器对象模型: 提供与浏览器交互的方法和接口 4)总结: JS是一种专门为网页交互而设计的. 简单而又复杂的脚本程

浅尝ECMAScript6

浅尝ECMAScript6 简介 ECMAScript6 是最新的ECMAScript标准,于2015年6月正式推出(所以也称为ECMAScript 2015),相比于2009年推出的es5, es6定义了更加丰富的语言特性,基于该标准的Javascript语言也迎来了语法上的重大变革.本文列举了部分es6新特性,希望之前没接触es6的小伙伴读完本文能对下一代js编程有一个初步的认识. 箭头函数 箭头函数用 "=>"简化函数定义,类似于C#, Java8中的Lambda表达式,支

javascript简介-标签引入-文档输出-语法构成

一.javascript简介 1.javaScript是什么? JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能. 2.javaScript能干什么 可以写一些效果,网页增加色彩 表单验证 .......  3.javaScript历史 开篇 大概在 1992 年,一家称作 N