Javascript - 原型阵列打印测试错误

时间:2014-01-10 14:23:39

标签: javascript prototype prototypal-inheritance prototype-programming

下面的JavaScript代码包括将字母数字数组打印成两个数组,一个字母,一个数字。

我使用了原型功能和对象的“复杂”系统。

var utils = {
            sdNum: function(a, b) {
                return b-a;
            },
            saNum: function(a, b) {
                return a-b;
            }
        };

        var Separator = function() {
            this.aNum = Array();
            this.aChar = [];    
        };

        Separator.prototype.getNum = function() {
            for(var i = 0; i < this.alphanumeric.length; i++ )
                if(this.alphanumeric[i] === parseInt(this.alphanumeric[i]))
                    this.aNum.push(this.alphanumeric[i]);
            return this.aNum;

        };
        Separator.prototype.getChar = function() {
            for(var i = 0; i < this.alphanumeric.length; i++ )
                if(this.alphanumeric[i] !== parseInt(this.alphanumeric[i]))
                    this.aChar.push(this.alphanumeric[i]);
            return this.aChar;
        };

        Separator.prototype.sortNum = function(sorting = 'asc', va = this.getNum()) {
            if(sorting === 'asc')
                return va.sort(utils.saNum);

            return va.sort(utils.sdNum);
        };  
        Separator.prototype.sortChar = function(sorting, va = this.getChar()) {
            if(sorting === 'asc')
                return va.sort();

            return va.reverse();
        };


        var PrintSeparator = function(alphanumeric) {
            this.alphanumeric = alphanumeric;
        };

        PrintSeparator.prototype = new Separator();

        PrintSeparator.prototype.printChar = function(sorting = 'asc') {
            var tmp_str = '';

            tmp_str += '<h2><em>' + sorting + '</em> letter sorting</h2>',
            tmp_str += '<p>' + this.sortChar(sorting).join(' - ') + '</p>';

            return tmp_str;
        }
        PrintSeparator.prototype.printNum = function(sorting = 'asc') {
            var tmp_str = '';

            tmp_str += '<h2><em>' + sorting + '</em> number sorting</h2>',
            tmp_str += '<p>' + this.sortNum(sorting).join(' - ') + '</p>';

            return tmp_str;
        }

当我调用函数来检索结果时,一切正常。

var mixedArray1 = new PrintSeparator([11, 'a', 'g', 3, 8, 'c', 'b', 12, 9, 'd', 'f', 10, 'i', 2, 1, 7, 5, 'e', 'h', 4, 6]);

document.write(mixedArray1.printChar('desc'));

当我将上面的主要脚本包含到 js 文件中时,NetBeans会对此函数出错:

Separator.prototype.sortNum = function(sorting = 'asc', va = this.getNum()) {

,错误为Expeted , but found =

相反,如果我将相同的脚本包含在html页面中,则没有错误。

如果我调用js页面<script src="myscript.js"></script>,则总会出现NetBeans错误,但它可以正常工作,相反,如果我调用相同的页面<script src="mysqcript.js"/> ID不起作用。

有人可以解释原因吗?

1 个答案:

答案 0 :(得分:2)

表达式不应放在函数声明中。如果必须为参数指定默认值,请在函数中执行。

        Separator.prototype.sortNum = function(sorting) {
            sorting = (sorting) ? sorting: 'asc';
            var va  = this.getNum();
            if(sorting === 'asc')
                return va.sort(utils.saNum);

            return va.sort(utils.sdNum);
        };  

同样适用:

    Separator.prototype.sortChar = function(sorting) {
        var va = this.getChar();
        if(sorting === 'asc')
            return va.sort();

        return va.reverse();
    };

重新定义脚本标记:

始终在您的脚本中放置一个结束script标记。当您使用:<script src="mysqcript.js"/>时,脚本甚至无法加载。