显示功能,对象和Chrome浏览器上的数组

时间:2017-07-02 02:44:44

标签: javascript javascript-objects

我们使用了Notepad ++和Brackets.io,并且两者都有相同的问题。

我们可以显示如下代码的变量:

 func removeFromSuperView() {

    self.customView.alpha = 1.0
    self.customView.transform = .identity

    UIView.animate(withDuration: 0.3, animations: {

        self.customView.alpha = 0.0
        self.customView.transform = .init(scaleX: 1.5, y: 1.5)

        }) { (finished) in

            if !finished {

            } else {
              self.customView.removeFromSuperview()
            }

    }

}

当我们尝试显示一个函数或对象时,页面是空白的:

var storedVariable = 2+2;
alert(storedVaribale);

html代码:

 function Andrewsfuntion (x=0,x<100,x++){
 document.write(x);
 }

 beer = {
 Name: "Heineken",
 Country: "Australia",
 Price: 7.50
 }

2 个答案:

答案 0 :(得分:0)

功能和循环

从您的代码中,您不会特别清楚自己要做什么。

功能只是代码的包装器,因此您可以多次使用它。

然而,您似乎试图编写的是 for循环(即,多次重复某些操作的代码块)。如果你想创建一个打印0到100之间数字的循环,你可以这样做:

for (var i=0;i<100;i++) {
  document.write(i);
 }

(您可能希望添加换行符或其他类型的分隔符,以便数字全部分开)。

但是,函数看起来像这样:

function AndrewsFunction() {
  document.write("hello, world!");
}

AndrewsFunction();

在那里,你刚刚包装了其他代码然后调用它来运行它,而在for循环中,你已经包装了其他代码并且i次。{/ p>

显示对象字段

关于显示来自对象的信息,您只需要指定要从对象显示的信息,例如:

 function AndrewsFunction () {
   document.write(beer.Name);
 }

 beer = {
 Name: "Heineken",
 Country: "Australia",
 Price: 7.50
 }
 
 AndrewsFunction();

在那里,您可以看到我们从Name对象获取beer字段,然后将其打印到页面。

后续步骤

我建议您查看Javascript书籍或在线教程。一些浮现在脑海中的想法:

快速谷歌搜索应该提供更多。

答案 1 :(得分:0)

您需要了解的主要内容是如何调试JavaScript代码。您正在尝试alert()document.write()等不同的事情,这很好。但这些并不是调试代码的好方法。

document.write()特别麻烦。除非您在加载页面时直接从<script>标记调用,否则在写入新内容之前,它将擦除页面。 alert()也存在问题,不适合调试。

每个浏览器都内置了JavaScript调试器。这是您应该用来调试代码的。您可以使用console.log()将值记录到JavaScript控制台,或者更好的是,在您希望查看内容的位置的代码中添加debugger;语句。然后,如果在打开开发人员工具的情况下加载页面,它将停留在debugger;语句处,您可以查看所有变量,并逐步执行代码语句以查看它的作用。< / p>

这是一个很棒的introduction to the Chrome DevTools。我建议仔细阅读本文档并尝试所有与之相关的内容。 (文档顶部附近还有一个链接到较新的版本;我自己喜欢这个旧版本,但我建议同时阅读这两个版本。)

当您的语法错误时,开发人员工具也会给您错误消息。举个例子:

function Andrewsfuntion (x=0,x<100,x++) { /* ... */ }

如果您在尝试运行此工具时打开了开发人员工具,您会发现它存在语法错误,导致代码无法运行:

Uncaught SyntaxError: Unexpected token <

当然,这条消息并没有告诉你完全出了什么问题,但至少它会指出你遇到问题。它肯定会盯着一个空白的页面,想知道为什么没有发生。

通过熟悉开发人员工具,您可以更轻松地调试代码。

此外,我完全同意Toastrackenigma的建议,即通过一些基本的JavaScript教程来学习该语言的语法。但是,当您的代码无法正常工作时,请不要猜测原因:使用开发人员工具帮助您找到出错的地方。