Return to Video

Return Statements - JavaScript Basics

  • 0:00 - 0:02
    我来给你展示一些酷炫的东西
  • 0:02 - 0:06
    在 Chrome 的标签工具里 我们可以很容易地打开一个网页的源代码
  • 0:06 - 0:10
    我们需要做的就是打开开发者工具 我会按下 Cmd+Option+I 来打开它
  • 0:11 - 0:12
    然后我们就看到了源码页面
  • 0:15 - 0:16
    这里 在 sources 标签里
  • 0:16 - 0:20
    我们可以看到所有的源代码 就是这些源代码形成了我们眼前看到的网页
  • 0:20 - 0:24
    所以 index.html 看起来应该很相似 我们可以打开javascript
  • 0:24 - 0:29
    之后我们可以看到 helper.js jquery 以及 resumebuilder.js.
  • 0:29 - 0:31
    我们来打开 helper.js
  • 0:31 - 0:32
    在这里就可以看到
  • 0:32 - 0:37
    我们给自己多一点空间 我要往下拉一点
  • 0:37 - 0:39
    在 helper.js 里 我们得到了所有的字符串
  • 0:39 - 0:42
    这些字符串包含了我们希望添加到页面上的 html
  • 0:42 - 0:44
    我们可以在底部找到一些函数
  • 0:45 - 0:48
    这段工作脚本实际上是在创建一个映射 我们在页面上可以看到
  • 0:48 - 0:50
    but there'll be more on that in a little bit.
  • 0:50 - 0:53
    现在 我们把注意力集中到这一行
  • 0:54 - 0:56
    在这个名字叫 locationFinder 的函数里
  • 0:56 - 0:59
    我们看到这里有个语句 return locations
  • 1:00 - 1:02
    目前为止我们已经见过这个 return 关键字好多次了
  • 1:02 - 1:04
    不过我们还从未探索过它的目的
  • 1:06 - 1:07
    这被称为 return 语句
  • 1:07 - 1:10
    它的目的是让函数返回一个值
  • 1:10 - 1:12
    我想我明白你的意思
  • 1:12 - 1:14
    要不你再来解释一下吧
  • 1:14 - 1:16
    好的 记得 console.log 吗?
  • 1:16 - 1:19
    它并没有返回任何东西 这也意味着
  • 1:19 - 1:21
    如果我们想要像这里一样创建一个新变量
  • 1:21 - 1:26
    当我们尝试运行 var hello = console.log(hello) 时会得到未定义的回复一个 undefined
  • 1:26 - 1:28
    我们看到 console.log 的确执行了 并且打印出了 hello
  • 1:28 - 1:32
    不过紧接着我们就看到下方有一个 undefined
  • 1:32 - 1:35
    如果我们稍后试着检查这个变量 只要写下 hello 再按回车键
  • 1:35 - 1:38
    我们会看到 undefined
  • 1:38 - 1:41
    那是因为 console.log 并不返回任何内容东西
  • 1:41 - 1:42
    它并没有给出任何返回内容
  • 1:43 - 1:46
    但是 很多函数实际上是会返回一些值的
  • 1:46 - 1:48
    就像许多字符串方法那样?
  • 1:48 - 1:51
    是的 让我们来看一下 string.split
  • 1:51 - 1:53
    首先我们会创建这样一个字符串
  • 1:53 - 1:55
    我已经创建了一个名为 myString 的字符串
  • 1:55 - 1:57
    并且把它的内容设置为 This is my favorite string!
  • 1:57 - 2:01
    接着我们继续 用空格分割这些字符串
  • 2:01 - 2:04
    也就是说我们会得到每个单个的词
  • 2:04 - 2:05
    split 就是这样工作的
  • 2:05 - 2:07
    它会对这里的字符串起作用
  • 2:07 - 2:09
    它会根据这里的参数来分割字符串
  • 2:09 - 2:12
    这个参数就是一个单独的空格
  • 2:12 - 2:16
    所以我们应该会得到一个数组 里面存放的是 myString 中的单词
  • 2:16 - 2:20
    我们继续 把它保存到名为 myArray 的变量里 然后按下回车键
  • 2:20 - 2:24
    好的 当我们试着获取 myArray 时 我们看到了一个字符串数组
  • 2:24 - 2:26
    This is my favorite string
  • 2:26 - 2:28
    每个单词都来自于我们之前见过的 myString 字符串
  • 2:29 - 2:30
    换句话说
  • 2:30 - 2:35
    split 返回了一个字符串数组 现在已经赋值给了 myArray
  • 2:35 - 2:36
    噢 我明白了
  • 2:36 - 2:39
    当我们写了一个函数 希望通过这个函数来转变一个值时
  • 2:39 - 2:41
    这个函数就应当给我们一个返回值
  • 2:41 - 2:43
    我们来完整地看一下这个函数
  • 2:43 - 2:46
    这个参数是输入
  • 2:46 - 2:51
    这个函数使用那个参数在字符串上做了点事情
  • 2:51 - 2:52
    然后给了我们某种返回值
  • 2:54 - 2:57
    让我们回想下简历中的 json 数据以及那里所有的位置
  • 2:57 - 3:03
    在这个小测验里 我想让你写一个名字叫 locationizer 的函数
  • 3:03 - 3:05
    它会接收一个工作对象
  • 3:05 - 3:10
    Locationizer 应当返回一个数组 数组里面是你的工作对象里的位置
  • 3:10 - 3:13
    请记住工作包含了你过去从事过的所有职位
  • 3:13 - 3:16
    每个职位都应当有一个相关的位置
  • 3:17 - 3:20
    我们希望你可以返回一个含有那些位置的数组
  • 3:20 - 3:23
    你可能会发现个使用 array.push 方法会很有帮助
  • 3:23 - 3:26
    这个方法可以在数组的最后添加一个值
  • 3:26 - 3:27
    当你开始小测验时
  • 3:27 - 3:30
    你将看到一个 json 样例 你的代码可以循环遍历它
  • 3:30 - 3:30
    祝你好运
タイトル:
Return Statements - JavaScript Basics
概説:

more » « less
Video Language:
English
Team:
Udacity
プロジェクト:
ud804 - Javascript Basics
Duration:
03:32

Chinese, Simplified subtitles

改訂