189 8069 5689
对于每一个程序员来说，在编程过程中出现bug和错误是非常正常的一件事情，只要我们在上线之前排除问题就可以了。今天，我们就一起来了解一下，JavaScript中的问题都有哪些。
创新互联是一家专业从事成都网站建设、网站设计的网络公司。作为专业网络公司,创新互联依托的技术实力、以及多年的网站运营经验,为您提供专业的成都网站建设、成都全网营销及网站设计开发服务！
调用栈的工作机制
在探讨JS中的错误之前，我们必须理解调用栈(CallStack)的工作机制，其实这个机制非常简单，如果你对这个已经一清二楚了，可以直接跳过这部分内容。
简单的说：函数被调用时，就会被加入到调用栈顶部，执行结束之后，就会从调用栈顶部移除该函数，这种数据结构的关键在于后进先出，即大家所熟知的LIFO。比如，当我们在函数y内部调用函数x的时候，调用栈从下往上的顺序就是y-x。
Error对象及错误处理
当代码中发生错误时，我们通常会抛出一个Error对象。Error对象可以作为扩展和创建自定义错误类型的原型。Error对象的prototype具有以下属性：
constructor_负责该实例的原型构造函数;
message_错误信息;
name_错误的名字;
上面都是标准属性，有些JS运行环境还提供了标准属性之外的属性，如Node.js、Firefox、Chrome、Edge、IE10、Opera和Safari6+中会有stack属性，它包含了错误代码的调用栈，接下来我们简称错误堆栈。错误堆栈包含了产生该错误时完整的调用栈信息。如果您想了解更多关于Error对象的非标准属性，我强烈建议你阅读MDN的这篇文章。
抛出错误时，你必须使用throw关键字。为了捕获抛出的错误，则必须使用trycatch语句把可能出错的代码块包起来，catch的时候可以接收一个参数，该参数就是被抛出的错误。与Java中类似，JS中也可以在trycatch语句之后有finally，不论前面代码是否抛出错误finally里面的代码都会执行，这种语言的常见用途有：在finally中做些清理的工作。
错误堆栈的裁剪
Node.js才支持这个特性，通过Error.captureStackTrace来实现，Error.captureStackTrace接收一个object作为1个参数，以及可选的function作为2个参数。IT培训认为其作用是捕获当前的调用栈并对其进行裁剪，捕获到的调用栈会记录在1个参数的stack属性上，裁剪的参照点是2个参数，也就是说，此函数之前的调用会被记录到调用栈上面，而之后的不会。
现在有很多各种各样的JavaScript库，但这里将介绍7个很优秀的可用于你下一个JavaScript项目的库。
仪表盘是用于目标或业务流程的视觉指示工具，也用于切割杂乱无章的数据，从而分割出要点的重要工具。它可帮助评估信息，并及时做出正确的决定。实时可视化的仪表盘由图标、测绘图、图形符号，以及数据表格等组成。
目前有一些开源或商业的库用于创建仪表盘。在本文中，我们将会展示一些可帮助创建美观且可自定义的仪表盘的JavaScript库。
1.Gridster.js
Gridster是一个jQuery插件，可以从跨多个列的元素构建直观的可拖拽布局。
它可以让你从网格中动态添加或删除小部件，甚至可以获得一个具有所有小部件位置的对象的JavaScript数组，从而可以在以后使用这些数组来加载小部件。
2.angular-gridster
这是一个用于AngularJS的格子状小部件的实现。它具有jQuerygridster插件等功能，也具有一些其他的功能。
它完全使用Angular指令重写，还可以使用Angular的数据绑定功能。
3.gridstack.js
gridstack.js是一个用于小部件布局的jQuery插件，灵感来自gridster.js。这是一个可拖放的多列网格，可让你构建可拖拽的响应式Bootstrapv3的友好布局，
它还适用于knockout.js,angular.js和触摸设备。
4.jQueryGridly
Gridly是一个jQuery插件，电脑培训建议可用于拖放以及在网格中调整大小。
5.Packery
Packery是一个JavaScript库和jQuery插件，可用于生成无缝且可拖拽的布局。它使用bin-packing算法来填充空隙。
它适合用于创建一个可拖拽的仪表盘和无缝的“砖石图像画廊”布局。
继承是面向对象编程中又一非常重要的概念，JavaScript支持实现继承，不支持接口继承，实现继承主要依靠原型链来实现的。
原型链
首先得要明白什么是原型链，玉溪北大青鸟建议可以在一篇文章看懂proto和prototype的关系及区别中讲得非常详细
原型链继承基本思想就是让一个原型对象指向另一个类型的实例
添加方法
在给SubType原型添加方法的时候，如果，父类上也有同样的名字，SubType将会覆盖这个方法，达到重新的目的。但是这个方法依然存在于父类中。
记住不能以字面量的形式添加，因为，上面说过通过实例继承本质上就是重写，再使用字面量形式，又是一次重写了，但这次重写没有跟父类有任何关联，所以就会导致原型链截断。
问题
单纯的使用原型链继承，主要问题来自包含引用类型值的原型。
借用构造函数
此方法为了解决原型中包含引用类型值所带来的问题。
这种方法的思想就是在子类构造函数的内部调用父类构造函数，可以借助apply()和call()方法来改变对象的执行上下文
传递参数
借助构造函数还有一个优势就是可以传递参数
JavaScript编程开发语言可以说是大部分程序员都需要掌握的一种编程语言，而今天我们就一起来了解一下，在使用JavaScript编程的时候都有哪些常见的错误问题。
1.UncaughtTypeError:Cannotreadproperty
如果你是一个JavaScript开发人员，可能你看到这个错误的次数比你敢承认的要多(LOL?)。当你读取一个未定义的对象的属性或调用其方法时，这个错误会在Chrome中出现。您可以很容易的在Chrome开发者控制台中进行测试(尝试)。
2.TypeError:‘undefined'isnotanobject
这是在Safari中读取属性或调用未定义对象上的方法时发生的错误。您可以在SafariDeveloperConsole中轻松测试。这与1中提到的Chrome的错误基本相同，但Safari使用了不同的错误消息提示语。
3.TypeError:nullisnotanobject
这是在Safari中读取属性或调用空对象上的方法时发生的错误。您可以在SafariDeveloperConsole中轻松测试。
4.(unknown):Scripterror
当未捕获的JavaScript错误(通过window.onerror处理程序引发的错误，而不是捕获在try-catch中)被浏览器的跨域策略限制时，会产生这类的脚本错误。
5.TypeError:Objectdoesn'tsupportproperty
这是您在调用未定义的方法时发生在IE中的错误。您可以在IE开发者控制台中进行测试。
6.TypeError:‘undefined'isnotafunction
当您调用未定义的函数时，这是Chrome中产生的错误。楚雄电脑培训认为您可以在Chrome开发人员控制台和MozillaFirefox开发人员控制台中进行测试。
7.UncaughtRangeError:Maximumcallstack
这是Chrome在一些情况下会发生的错误。一个是当你调用一个不终止的递归函数。您可以在Chrome开发者控制台中进行测试。