ES6初识- Class

{

//基本定义和生成实例

class Parent{

//构造函数

constructor(name=‘lisi‘){

this.name=name;

}

//属性get,set

get longName(){

return ‘china‘+this.name;

}

set longName(value){

this.name=value;

}

}

class Child extends Parent{

constructor(name=‘Child‘){

super(name);

this.type=‘child‘;

}

}

let parent=new Parent(name=‘zhangsan‘);

console.log(‘parent‘,parent);

let child =new Child();

console.log("child",child);

}

{

class Parent{

//构造函数

constructor(name=‘lisi‘){

this.name=name;

}

//属性get,set

get longName(){

return ‘china‘+this.name;

}

set longName(value){

this.name=value;

}

static tell(){

console.log("tell");

}

}

Parent.type="test";

Parent.tell();

}

时间: 2024-10-09 14:22:03

ES6初识- Class的相关文章

ES6初识-Proxy和Reflect

{ let obj={ time:'2017-03-11', name:'net', _r:123 }; let monitor=new Proxy(obj,{ // 拦截对象属性的读取 get(target,key){ return target[key].replace('2017','2018') }, // 拦截对象设置属性 set(target,key,value){ if(key==='name'){ return target[key]=value; }else{ return t

ES6初识-Symbol

Symbol的概念 变量是独一无二的 let a1=Symbol(); let a2=Symbol(); a1和a2严格意义不相等 let a3=Symbol.for('a3'); let a4=Symbol.for('a3'); console.log(a3===a4); 如果在对象中使用Symbol变量,就可以用Object.getOwnPropertySymbols(obj).forEach(function(tiem){ }) or Reflect.OwnKeys(obj).forEac

ES6初识-(冲突)数据结构

Set的用法 元素不能重复--唯一性 WeakSet key值只能是对象 没有clear属性 Map let map=new Map([['a',123],['b',456]]);; WeakMap let o={}; weakmap.set(o,123); console.log(weakmap.get(o)); Map与Array的对比

ES6初识-Decorator

开始先按照个插件 npm install babel-plugin-transform-decorators-lagacy --save-dev 1.扩充和修改类的行为 2.修改的行为@readonly 在方法的前面进行标志 3.第三方哭修饰器js库,core-decorators; npm install core-decorators --save-dev

初识ES6 解构

1.数组的解构 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构 例子: let [a, b, c] = [1, 2, 3]; console.log(a);//1console.log(b)://2console.log(c)://3 上面代码表示,可以从数组中提取值,按照对应位置,对变量赋值. 本质上,这种写法属于"模式匹配",只要等号两边的模式相同,左边的变量就会被赋予对应的值.下面是一些使用嵌套数组进行解构的例子. 2.对象的解构 对象的解构与数组有

进军es6(1)---初识es6

es6,全称ECMAScript6(又名es2015).何为ECMAScript?我们常说的Javascript和它又有什么联系呢? 阮一峰老师有一句话描述的比较准确:“ECMAScript是Javascript语言的国际标准,Javascript是ECMAScript的实现”.js有几个大版本,现在用的比较多的是es3,es5.而在去年,es6的标准被推出,对于每个前端开发者而言,拥抱新的标准是必然的,所以从现在开始,es6应该要成为一个前端开发者的基本技能.好,有关标准的问题就此打住,现在就

Vue -- ES6 快速入门,Vue初识

一.ES6快速入门 let和const let ES6新增了let命令,用于声明变量.其用法类似var,但是声明的变量只在let命令所在的代码块内有效. { let x = 10; var y = 20; } x // ReferenceError: x is not defined y // 20 效果如下: var声明变量存在变量提升.也就是在声明变量之前就可以使用该变量. console.log(x) // undefined,var声明变量之前可以使用该变量 var x = 10; 刷新

你可能还不知道的ES6的事儿

ES6,或许应该叫 ES2015(2015 年 6 月正式发布),对于大多数前端同学都不陌生. 首先这篇文章不是工具书,不会去过多谈概念,而是想聊聊关于每个特性 你可能不知道的事,希望能为各位同学正确学习 ES6 ,提供一些指导. 对于 ES6,有些同学已经在项目中有过深入使用了,有些则刚刚开始认识他,但不论你是属于哪一类,相信这篇文章都有适合你的部分.针对文章中的问题或不同意见,欢迎随时拍砖.指正. 正文 Let + Const 这个大概是开始了解 ES6 后,我们第一个感觉自己完全明白并兴致

初识Angular2

初识Angular2 写一个Angular2的Hello World应用相当简单,分三步走: 1. 引入Angular2预定义类型 import {Component,View,bootstrap} from "angular2/angular2"; import是ES6的关键字,用来从模块中引入类型定义.在这里,我们从angular2模块库中引入了三个类型: Component类.View类和bootstrap函数. 2. 实现一个Angular2组件 实现一个Angular2组件也