1,构造函数 function Point(x, y) { this.x = x; this.y = y; } Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')'; }; var p = new Point(1, 2); console.log(p) console.log(p.toString) 效果等同于 function Point(x, y) { this.x = x; th…

1 .介绍 //定义类 class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { return '(' + this.x + ', ' + this.y + ')'; } } Point类除了构造方法,还定义了一个toString方法.注意,定义"类"的方法的时候,前面不需要加上function这个关键字,直接把函数定义放进去了就可以了.另外,方法之间不需要逗号分隔,加了会报错. //类的数据类型就…

目录 类的特点 类的特点 1.类只能通过new得到 在es6中类的使用只能是通过new,如果你将它作为一个函数执行,将会报错. //es6的写法 class Child { constructor() { this.name = 1; } } let child = new Child(); console.log(child.name)//1 //如果直接方法调用的形式,会报错 let child = Child();//Class constructor Child cannot be in…

es6新增class关键字使用方法详解. 通过class关键字,可以定义类.基本上,ES6的class可以看作只是一个语法糖,它的绝大部分功能,ES5都可以做到,新的class写法只是让对象原型的写法更加清晰.更像面向对象编程的语法而已. 实例讲解: es5的定义类方法: function extend(obj1,obj2){//合并对象属性的方法 for(var attr in obj2){ obj1[attr]=obj2[attr]; } }; function Person(opt){ t…

yield是什么 yield是ES6的新关键字,使函数暂停执行. 一个简单例子 function *countASb() { console.log('Show0:'); var a1 = yield console.log(1); console.log('Show1:',a1); var a2 = yield console.log(2); console.log('Show2:',a2); var a3 = yield console.log(3); console.log('Show3:…

前言:什么是ES6?ECMAScript 6(简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了.其中相比较于ES5新增了诸多的特性,并且ES6可转换为ES5的语法.->在线ES6转换为ES5工具. 本系列学习随笔参考了阮一峰老师的<ES6标准入门>. 一.let关键字 1.解决变量提升现象 我们在js中定义变量时,用var声明会出现这种情况: console.log(a); //不会报错,输出为undefined var a=1; 这就是js的变量提升现…

ECMAScript 和 JavaScript的关系? 前者是后者的规格,后者是前者的实现. 符合ECMAScript 规格的还有 Flash 中的AcionScript 和 TypeScript. ES5中 只能用 var 定义变量,作用域在function中. ES6中 可以用 let 来定义变量,定义是块级作用域变量. let的声明范围就是{}内部. 循环语句中定义函数 , 此时 var 输出是10而不会是6,因为函数中的i 是全局作用域的i,定义其他函数的时候,扰动了i的值. 但是如果用…

作用: super 关键字用于访问父对象上的函数. 语法: super([arguments]); // 访问父对象上的构造函数 super.functionOnParent([arguments]); // 访问对象上的方法 详解: super可以用在类的继承中,或者对象字面量中,super指代了整个prototype或者__proto__指向的对象 1 类(prototype相关) a 用在子类constructor函数中 class Person { constructor (name)…

一.es6的箭头函数es6箭头函数内部没有this,使用时会上朔寻找最近的this不可以做构造函数,不能使用new命令,因为没有this函数体内没有arguments,可以使用rest参数代替不能用yield,不能使用generator函数二.疑问下面代码中的箭头函数arrows的this指向window let obj = { aaa: '123', arrows : () => { console.log('arrows',this); }, func : function () { con…

在es6中,引入了let和const关键字: 1.letES6 新增了let命令,用来声明变量.它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效. (1)在块级作用域里有效(比如循环遍历内部就可以用let定义变量) <script type="text/javascript"> { let a = 10; var b = 1; } console.log(b); console.log(a); </script> 报错:Reference…