JavaScript class 使用

Posted zengjf

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript class 使用相关的知识,希望对你有一定的参考价值。

/*********************************************************************
 *                     javascript class 使用
 * 说明:
 *     Javascript类的写法有多种,不过不打算用那些传统方法,使用语法糖class
 * 来直接解决,能简单的那就不用复杂的。
 *
 *                                   2017-8-25 深圳 龙华樟坑村 曾剑锋
 ********************************************************************/

一、参考文档:
    1. 继承与原型链
        https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Inheritance_and_the_prototype_chain
    2. 语法糖
        https://zh.wikipedia.org/wiki/%E8%AF%AD%E6%B3%95%E7%B3%96
    3. Javascript定义类(class)的三种方法
        http://www.ruanyifeng.com/blog/2012/07/three_ways_to_define_a_javascript_class.html
    4. 深入浅出ES6(十三):类 Class
        http://www.infoq.com/cn/articles/es6-in-depth-classes
    5. Classes (ES6) Sample
        https://googlechrome.github.io/samples/classes-es6/

二、参考代码:
    1. 请参考《Classes (ES6) Sample》中的代码。
    2. 最简单的demo:
        class Zengjf_utils {
            constructor() {
                console.info("Zengjf");
            }
            ...
        }

        class ZengjfOS extends Zengjf_utils{
            constructor() {
                super()
                console.info("ZengjfOS");
            }
            ...
        }

 

以上是关于JavaScript class 使用的主要内容,如果未能解决你的问题,请参考以下文章

30秒就能看懂的JavaScript 代码片段

48个值得掌握的JavaScript代码片段(上)

JavaScript 代码片段

如何将此 JavaScript 代码片段翻译成 Parenscript?

Javascript代码片段在drupal中不起作用

VSCode自定义代码片段12——JavaScript的Promise对象