ECMAScript 和 JavaScript 是什么关系?
1996 年 11 月,JavaScript 的创造者 Netscape 公司,希望JavaScript能够成为国际标准,将其提交给标准化组织 ECMA。次年,ECMA 发布了ECMAScript 1.0 版。不叫 JavaScript的原因:一是商标,JavaScript 已被 Netscape 公司注册为商标;二是体现其制定者是 ECMA,不是 Netscape,有利于保证其的开放性和中立性。
let声明变量
块状作用域(任意大括号包含的变量都只在大括号里起作用,超出则报错)
{let a=20;}
console.log(a);//报错
//使用var var a = []; for (var i = 0; i < 5; i++) { a[i] = function () { console.log(i); }; } a[3](); // 结果为5
//使用let var a = []; for (let i = 0; i < 5; i++) { a[i] = function () { console.log(i); }; } a[3](); // 结果为3
不能重复声明
let a=20; let a=10; console.log(a);//报错
没有变量提升
console.log(a);//报错 let a=20;
暂时性死区(在代码块内,使用let命令声明变量之前,该变量都是不可用的),简称TDZ
var a = 123; if (true) { a = ‘abc‘; let a;//在let命令声明变量a之前,都属于变量a的“死区”。 }
const 声明常量(声明一个只读的常量。一旦声明,常量值不可变)
声明必须同时赋值
const a; a=20; console.log(a);//报错
const 声明与 let 声明一样:无变量提升、块级作用域、暂时性死区、不可重复声明。
模板字符串
var y = 2018,m = 5,d = 7; var str = `今天是${y}年${m}月${d}日`;
部分新方法
var str = "hello"; //判断是否包含某指定的字符 var res1 = str.includes("d");//res1结果为 false //判断是否以某字符开头 var res2 = str.startsWith("e");//res2结果为 false //判断是否一某字符结尾 var res3 = str.endsWith("o");//res3结果为 true //让字符串重复几次 var res4 = str.repeat(3);//res4结果为 hellohellohello
默认值
//函数的默认值 function fn(a,b = 20) { console.log(a,b); } fn(10);//结果为10 20
剩余参数
//剩余参数 function fn(a,...b) { console.log(a,b); } fn(10,[2,3,4]);//结果为
箭头函数
//有参数 var fn1=num=>num;//相当于var fn1=function(num){return num;} //无参数 var fn2=()=>10;//相当于var fn2=function(){return 10;} //多个参数 var fn3=(num1,num2)=>num1+mun2;//或者var fn3=(num1,num2)=>{return num1+num2}; //map的用法 [1,2,3].map(num=>num*2);//相当于var fn=[1,2,3].map(function(num){return num*2;});
Set是一个构造函数,可创建出类似于数组的数据结构一般用于创建不重复的数组
//创建set数组 var arr=new Set([1,2,3]); //添加数据 arr.add(4); //删除指定数据 arr.delete(4);//判断数组是否有某指定元素 var res=arr.has(2);//res 结果为 true //控制台输出数组元素 for(let [key,value] of arr.entries()){ console.log(value); } //删除所有元素 arr.clear();
回调函数
function a(callBack) { console.log("我是主函数"); callBack(); } function b() { console.log("我是回调函数") } a(b);
多层回调
function run() { var obj=new Promise(function (resolve,reject) { resolve("运行成功的函数"); reject("运行失败的函数"); }) return obj; } run().then(function () { //执行一些功能 }).then(function () { //再执行一些功能 })
class Person{ constructor(name,age){ this.name=name; this.age=age; } static tell(){ alert("hello"); } say(){ alert(this.name+this.age); } } var per=new Person("David",23); console.log(per.name); per.say(); //static修饰的方法是类直接调用的不能用new出来的对象调用Person.tell(); class Student extends Person{ constructor(name,age,score){ super(name,age); this.score = score; } show(){ alert(this.name + this.score); } } var stu=new Student("Nancy",24,80); stu.show(); stu.say();
原文:https://www.cnblogs.com/hjy-21/p/12348144.html