ES6进阶

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();

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';

    say();

</script>

Ø 导出默认
class Now{

  constructor(arg) {

  this.date = new Date().toLocaleString()

  }

}

export default Now

Ø 导入默认

import Now from './js/utils.js';

alert(new Now().date)

//一个文件只能导出一个默认

Set方法

set常用数组去重

 Promise 异步

Promise 主要做异步任务 (需要时间等待)任务

小王 对他承诺 明日我请你去吃粑粑

//小王不能立即兑现 需要 2000毫秒执行

 Promise回调

<script>

        //1 你好很高兴认识你 2秒

        //2 咱俩能加个微信吗 3秒

        //3 请问你愿意葬在我家祖坟吗 5秒

        //4 没门 .5秒

        function say(msg, item) {

            return new Promise((resolve, reject) => {

                setInterval(() => resolve(msg), item)

            })

        }

        say("你好很高兴认识你", 2000)

            .then(res => {

                console.log(res);

                return say("咱俩能加个微信吗", 3000)

            })

            .then(res => {

                console.log(res);

                return say("请问你愿意葬在我家祖坟吗", 5000)

            })

            .then(res => {

                console.log(res);

                return say("没门", 500)

            })

            .then(res => {

                console.log(res);

            })

    </script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值