ES6进阶(1)

类

ES6 中有 class 语法。值得注意是，这里的 class 不是新的对象继承模型，它只是原型链的语法糖表现形式。

函数中使用 static 关键词定义构造函数的的方法和属性：

class Animal {
       constructor(color,age){
           this.color = color;
           this.age = age;
       }
       yeil(){
           alert("我在卖萌");
       }
   }
 class Cat extends Animal{
       constructor(color,age,name){
           super(color,age); //调用Animal构造函数constructor
           this.name = name;
       }
       skill(){
           alert("我超级会卖萌");
       }
   }
   // 实例化猫类
   var c1 = new Cat("黄色",2,"kitty");
   var c2 = new Cat("黑色",1,"可乐");
   c1.skill();
   c1.yeil();

 输出为:

c1
Cat {color: '黄色', age: 2, name: 'kitty'}
c2
Cat {color: '黑色', age: 1, name: '可乐'} 

模化块

在html中模块化引入js

1. 有http服务器

2. <script type="module">

export 导出

var name = "mumu";
export{name};
function say(){ alert('我喜欢'+name)}
export {say};

import 导入

<script type="module">
    import {name,say} from './js/utils.js';//创建js文件的位置
    say();
</script>

导出默认

class Now{
	constructor(arg) {
		this.date = new Date().toLocaleString()
	}
}
export default Now

导入默认

import Now from './js/utils.js';//创建js文件的位置
alert(new Now().date)

导出多个

 export {name,say}

 导入别名与*

import * as utils from "./js/utitls.js"//创建的js文件位置
console.log(utils.name);