ES6 的面向对象】的更多相关文章

标签: es6 在es6以前,js没有类的概念,虽然有构造函数原型的方式用来做面向对向开发,但是对于书法并不是十分友好,而且对于继承实现也不是十分友好. es6引入class constructor extends super等关键字简化了JS面向对象写法,以后可以跟后端说JS也终于是有类的一门语言了,哈哈. ES6的面向对象写法如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset=…
JavaScript 语言中,生成实例对象的传统方法是通过构造函数. function Animal(name, age) { this.name = name; this.age = age; } Animal.prototype.showName = function () { console.log(this.name); console.log(this.age); } var a = new Animal('小黄', 5); a.showName(); 上面这种写法跟传统的面向对象语言…
声明变量 var 使用var声明变量会将变量的声明提到全局,在局部作用域声明的在全局也能打印 { var a = 12; } // 变量提升 var会将变量的声明提到全局 console.log(a); let 使用let声明表名我们的块级作用域,在局部作用域声明的在全局打印会报错 { let a = 12; } // 使用let声明表名我们的块级作用域 console.log(a); const const声明的变量 只声明常量 一旦声明不可改变,修改后会报错 const b = 13; b…
其实es6的面向对象很多原理和机制还是ES5的,只不过把语法改成类似php和java老牌后端语言中的面向对象语法. 一.用es6封装一个基本的类 class Person{ constructor( uName ){ this.userName = uName; } sayName(){ return this.userName; } } 是不是很向php和java中的类, 其实本质还是原型链,我们往下看就知道了 首先说下语法规则: class Person中的Person就是类名,可以自定义…
ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准. 因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015(简称ES2015).虽然浏览器在不断更新,但并不是所有用户的电脑浏览器都支持ES6,所以在使用的过程中建议还是转成es5,保证代码的可执行性.至于转换的方式大家可以用Babel或者Traceur转码器.   1. let 和 const 在ES6以前,Javascript并没有块级作用域的概念,有的是全局作用域和函数作用域,而let…
ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准. 因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015(简称ES2015).虽然浏览器在不断更新,但并不是所有用户的电脑浏览器都支持ES6,所以在使用的过程中建议还是转成es5,保证代码的可执行性.至于转换的方式大家可以用Babel或者Traceur转码器.   1. let 和 const 在ES6以前,Javascript并没有块级作用域的概念,有的是全局作用域和函数作用域,而let…
ES6 的新增特性以及简单语法  let 和 const 模板字符串 箭头函数 对象单体模式 es6面向对象 模块化  let 和 const 之前一直用 var 来声明变量,ES6 新增 let 和 const script type="text/javascript"> // let声明变量块级作用域,不能重复声明 // let声明的变量 是块级作用域,不能重复声明 // { // // let a = 12; // let a = 12; // let a = 13; //…
  起步 1.扎实的HTML/CSS/Javascript基本功,这是前置条件. 2.不要用任何的构建项目工具,只用最简单的<script>,把教程里的例子模仿一遍,理解用法.不推荐上来就直接用 vue-cli 构建项目,尤其是如果没有 Node/Webpack 基础. 什么是ECMAScript,以及es6的诞生? 1997年 ECMAScript 1.0 诞生 1999年12月 ECMAScript 3.0诞生,它 是一个巨大的成功,在业界得到了广泛的支持,它奠定了JS的基本语法,被其后版…
本文的面向对象分为ES6和ES6之前的,重点学习ES6的===============================一.面向对象 1.什么是面向对象 a)什么是对象:万物都可以抽象成对象 时间对象 var oDate=new Date();(我们经常var的oDate就是一个时间对象) oDate.getFullYear();(新建的oDate就继承了Date里面的所有方法) 数组 var arr=new Array(); arr.sort(); arr.length; json{ name:…
es6语法 es6语法:let和const: { var a=123; let b=234; } console.log(a); console.log(b); 浏览器里会只看到123; 而且还会抱一个b is not define的错误 为什么?在{ }局部作用域里面可以找到a变量值? 这是js var的一个坑,一旦定义了就是全局的变量. var示例: { var a=123; let b=234; } var a=234; console.log(a); console.log(b); 输出…