D.J*_*.A. -1 javascript canvas graph canvasjs
我正在使用CanvasJS并且总是在这里使用这些行:
var chart = new CanvasJS.Chart("chartContainer",
{
...
});
chart.render();
不幸的是,我不知道这些线路在做什么.有人可以向我解释一下吗？非常感谢你!
好吧,他们自己并不多.在javascript引擎的上下文中很多或不多.
创建并呈现CanvasJS.Chart,将图表放在标识为"chartContainer"的DOM元素中.好吧,如果它完成了.
var是一个JavaScript令牌.它用于声明变量,通常后跟变量的名称或变量标识符.在这种情况下chart.您还可以使用具有不同范围的令牌let,, const或function(以及其他一些),并且可以访问它们声明的变量的内容
=是一个赋值运算符.它将数据从右侧的表达式移动到左侧的变量/属性.
new (javascript标记)是一个特殊的标记,它修改了一个函数的调用方式(在旧的时候,javascript仍然被认为是一个玩具,它被用来使javascript看起来很时髦和酷)它是相当超级的语言所以你可以忽略它现在.
CanvasJS(变量标识符)是一个变量,它使用一个声明令牌(最有可能function)在javascript代码(希望)中的某处声明.资本化很重要.在Javascript中,当您将变量标识符大写时,您告诉全世界这是一个特殊的函数,它将始终返回一个Objectif调用.它还告诉您它可能有一个特殊属性,它可以prototype帮助javascript引擎更快地运行代码,并通过使用称为继承的东西简化数据结构来帮助您.
.Chart(属性标识符)这是一个属性,点"." 之间 CanvasJS和Chart表示属性(称为Dot符号,但同样可能不是那么流行,Bracket符号CanvasJS["Chart"]相同CanvasJs.Chart.)
所以Chart属性是CanvasJS.属性就像一个变量,而不是单独将属性附加到Object.这对于分组相关数据和信息非常方便
因为CanvasJS有一个大的C,Chart最有可能(但不是确定)的特殊原型属性之一CanvasJS.
(打开支撑.当您在变量标识符后面看到其中一个时,意味着该变量是一个可以调用的函数.它在某些时候必须有一个右括号,它们)之间是什么(,)被称为函数参数或参数,并被传递给函数.有一整套规则来管理(和)之间的内容以及现在要涵盖的内容.
调用函数做了很多特殊的事情,在最基本的术语中,javascript引擎定位属于该函数的代码,用参数打包,转到函数代码,设置camp,执行函数代码然后返回与所有的格罗夫假日拍摄.无论如何我离题了
"chartContainer"第一个参数,一个字符串文字.它抽象地是一个专门的内存,它拥有一个字符串"字符串".字符串和字符串文字有很多用途,但看看这个字符串的内容,我可以猜出它的用途.
它是用于查找DOM对象的标识符,名称或查询(文档对象模型,javascript方面的丑陋位置,其聚会Javascript来自但没人喜欢和希望会消失的人)HTML的一点点这将保持图表
, 逗号用于分隔参数(在本例中)
{打开卷曲或对象文字.像字符串文字一样,但它包含属性而不是字符.需要在某个时刻收尾
...在这种情况下,这些点本身就是胡言乱语,并且会导致javascript解析器在其轨道中停止运行而不再查看代码.我们知道它是乱码,javascript也是如此,但规则是规则所以我们需要清理它.
//... 评论epsilon指的是丢失的代码.
} 关闭对象文字.
) 函数的参数列表的结尾.
; 结束表达,就像new它并不是真的需要,但上帝(AKA道格拉斯克罗克福德)暗示它一定是这样,否则你将被JSLint和朋友的晦涩的错误和嘲讽永远地玷污.(你也看不到返回字符,所以; 告诉你这个语句/表达式/无块代码块,是完整的.)
此时javascript将调用CanvasJs.Chart传递参数的函数,字符串和对象.该函数将完成它的事情并运气好会返回一个对象(我们知道它将是一个对象,因为new令牌和Chart一个大的C).该=将给确定为变量chart(注意小写c)一个全球化志愿服务青年到返回的对象.
chart.render() 被chart调用的render被引用对象的属性是一个函数,不带参数调用它.我猜它绘制了一个图表,并且该图表可以在一个可能具有id的元素内的DOM中看到chartContainer.