1 00:00:00,000 --> 00:00:03,840 >> [音乐播放] 2 00:00:03,840 --> 00:00:05,770 3 00:00:05,770 --> 00:00:08,690 >> 道格·劳埃德:所以现在我们老了 专业人士在网络编程,对不对? 4 00:00:08,690 --> 00:00:12,140 我们已经介绍了几个 语言在各个视频。 5 00:00:12,140 --> 00:00:14,690 现在,让我们做一个,JavaScript的。 6 00:00:14,690 --> 00:00:17,370 >> 首先是好消息,JavaScript的 是一个现代的编程 7 00:00:17,370 --> 00:00:21,410 语言,就像PHP的 语法是从C派生, 8 00:00:21,410 --> 00:00:22,830 所以这是一个良好的开端。 9 00:00:22,830 --> 00:00:25,880 这是关于老的PHP,以及, 已经存在了大约20年。 10 00:00:25,880 --> 00:00:28,600 有人发明了各地 同时为PHP。 11 00:00:28,600 --> 00:00:32,240 和JavaScript实际上非常 基本用户体验 12 00:00:32,240 --> 00:00:32,740 幅材。 13 00:00:32,740 --> 00:00:34,448 实际上,有 三种语言,我 14 00:00:34,448 --> 00:00:38,480 会说那种补 交互的用户体验 15 00:00:38,480 --> 00:00:42,650 与网站,HTML, CSS和JavaScript。 16 00:00:42,650 --> 00:00:46,030 所以,现在让我们讨论 关于JavaScript点点。 17 00:00:46,030 --> 00:00:50,301 >> 坏消息,虽然与JavaScript是 它设置了大量的规则本身, 18 00:00:50,301 --> 00:00:51,300 然后它打破它们。 19 00:00:51,300 --> 00:00:54,010 和JavaScript实际上可以 一种具有挑战性的学习, 20 00:00:54,010 --> 00:00:57,000 因为它不像C和 PHP,这是非常结构化 21 00:00:57,000 --> 00:01:00,270 并有非常严格的规则 对于事情如何工作的。 22 00:01:00,270 --> 00:01:03,690 JavaScript有样 中变得如此灵活 23 00:01:03,690 --> 00:01:06,650 也许事情不会 工作我们希望他们的方式, 24 00:01:06,650 --> 00:01:09,830 也许我们真的不能学 我们的第一个编程语言 25 00:01:09,830 --> 00:01:10,769 作为一个JavaScript。 26 00:01:10,769 --> 00:01:12,810 因此,也许因为它不 为自己设定任何规则, 27 00:01:12,810 --> 00:01:15,754 它并没有真正 强制良好的编码习惯。 28 00:01:15,754 --> 00:01:18,170 但是,现在我们已经希望开发 一些良好的编码习惯, 29 00:01:18,170 --> 00:01:21,470 所以我们可以开始掠夺 成JavaScript一点点。 30 00:01:21,470 --> 00:01:25,750 >> 编写JavaScript,类似于开放 与点C扩展C文件 31 00:01:25,750 --> 00:01:29,770 或用点PHP扩展的PHP文件, 我们需要做的就是打开一个文件 32 00:01:29,770 --> 00:01:31,764 用点js文件扩展名。 33 00:01:31,764 --> 00:01:34,430 我们不需要有任何特别的 像我们做的分隔符在PHP中。 34 00:01:34,430 --> 00:01:36,750 那种角度 支架问号PHP 35 00:01:36,750 --> 00:01:40,300 我们已经习惯了从的样子, 我们告诉我们的浏览器,我们所拥有的 36 00:01:40,300 --> 00:01:43,502 JavaScript是由包括 在一个HTML标签, 37 00:01:43,502 --> 00:01:46,210 我们会看到一点点 如何做到这一点在短短的时刻。 38 00:01:46,210 --> 00:01:48,210 >> 其他的东西,它使 JavaScript的不同, 39 00:01:48,210 --> 00:01:50,580 虽然,是它运行客户端。 40 00:01:50,580 --> 00:01:53,430 综上所述,使用PHP回顾 我们永远无法真正看到 41 00:01:53,430 --> 00:01:57,041 这强调了网站的PHP。 42 00:01:57,041 --> 00:01:59,040 如果我们曾经看到的 网页源代码,我们只能 43 00:01:59,040 --> 00:02:02,830 看到是HTML 由PHP产生。 44 00:02:02,830 --> 00:02:04,900 但JavaScript的运行客户端。 45 00:02:04,900 --> 00:02:06,710 您的JavaScript运行在您的计算机上。 46 00:02:06,710 --> 00:02:09,050 这就是为什么你可以做 东西随意添加阻滞剂。 47 00:02:09,050 --> 00:02:09,550 对? 48 00:02:09,550 --> 00:02:12,704 广告阻塞通常是由完成 杀死所有的JavaScript 49 00:02:12,704 --> 00:02:14,370 即在一个特定的网站上运行。 50 00:02:14,370 --> 00:02:19,000 而且因为它必须 运行在您的计算机客户端, 51 00:02:19,000 --> 00:02:21,910 你可以停止 JavaScript来完全运行。 52 00:02:21,910 --> 00:02:27,030 这也意味着,当你使用 一个网站,包括了JavaScript, 53 00:02:27,030 --> 00:02:32,450 你必须发送JavaScript源 代码作为你的HTTP响应的一部分 54 00:02:32,450 --> 00:02:34,159 给客户端时,他们提出要求。 55 00:02:34,159 --> 00:02:35,950 所以你可能不 要使用JavaScript 56 00:02:35,950 --> 00:02:38,395 做真正敏感的事情 像传递信息 57 00:02:38,395 --> 00:02:41,020 有关用户的密码备份和 第四,因为他们实际上是 58 00:02:41,020 --> 00:02:45,610 将要接收所有的源代码, 不只是生成的HTML, 59 00:02:45,610 --> 00:02:49,030 如将与发言权PHP的情况。 60 00:02:49,030 --> 00:02:51,620 >> 那么,如何才能包含JavaScript 在我们的HTML开始吗? 61 00:02:51,620 --> 00:02:54,520 好了,类似CSS,实际上, 是那种我们在这里是如何做到这一点。 62 00:02:54,520 --> 00:02:56,190 使用CSS我们的风格标签。 63 00:02:56,190 --> 00:03:00,760 而那些风格标签内, 我们可以定义一个CSS样式表。 64 00:03:00,760 --> 00:03:03,450 同样使用JavaScript 我们可以打开脚本标记, 65 00:03:03,450 --> 00:03:06,660 另一个HTML标记我们没 在我们的HTML视频讲, 66 00:03:06,660 --> 00:03:09,720 和JavaScript写的 这些脚本标记之间。 67 00:03:09,720 --> 00:03:13,960 此外,虽然,如CSS,我们 可能CSS文件外链接 68 00:03:13,960 --> 00:03:15,900 拉他们到我们的节目的方式。 69 00:03:15,900 --> 00:03:18,280 使用CSS,我们也可以, 请问,使用JavaScript 70 00:03:18,280 --> 00:03:23,240 我们也可以指定源 script标签的属性 71 00:03:23,240 --> 00:03:25,720 在JavaScript链接 另外,让你不 72 00:03:25,720 --> 00:03:27,680 必须在写 脚本标记之间,我们 73 00:03:27,680 --> 00:03:29,600 可以使用链接它 该脚本标签。 74 00:03:29,600 --> 00:03:33,230 而且,就像使用CSS那里的情况下, 我们建议它可能是 75 00:03:33,230 --> 00:03:36,090 你最感兴趣写 在的情况下一个单独的文件你的CSS 76 00:03:36,090 --> 00:03:38,500 你需要去改变它, 同样做我们推荐 77 00:03:38,500 --> 00:03:40,720 你写你的 的JavaScript在不同的文件 78 00:03:40,720 --> 00:03:45,460 并使用脚本标记源 属性,以配合您的JavaScript 79 00:03:45,460 --> 00:03:49,520 到HTML,你的网页。 80 00:03:49,520 --> 00:03:52,610 >> 所以JavaScript变量,我们将 开始谈论的语法在这里。 81 00:03:52,610 --> 00:03:53,600 而我们将通过 这种快速, 82 00:03:53,600 --> 00:03:56,640 因为我们已经在PHP中做到了这一点,所以 这应该都非常熟悉。 83 00:03:56,640 --> 00:03:59,490 因此,在JavaScript中的变量 非常类似于PHP变量。 84 00:03:59,490 --> 00:04:03,270 有没有类型说明符,和 当你引入一个变量, 85 00:04:03,270 --> 00:04:05,070 你用var关键字前缀它。 86 00:04:05,070 --> 00:04:07,750 在PHP中,我们会做一些 这样,美元符号的X. 87 00:04:07,750 --> 00:04:09,950 这就是我们指示 一个变量,但是没有,我们 88 00:04:09,950 --> 00:04:12,060 不提的类型 变量的在所有。 89 00:04:12,060 --> 00:04:15,124 我们会说,像 美元符号x等于44 PHP。 90 00:04:15,124 --> 00:04:17,040 如果我们在做 在JavaScript中同样的事情, 91 00:04:17,040 --> 00:04:19,589 我们会说无功x等于44。 92 00:04:19,589 --> 00:04:22,780 所以,VAR是那种我们的方式 的引入的变量。 93 00:04:22,780 --> 00:04:26,850 这或许更直观一点 不仅仅是美元符号的变量。 94 00:04:26,850 --> 00:04:29,080 >> 同样,由于没有 数据类型,我们可以这样做 95 00:04:29,080 --> 00:04:34,490 与任何数据类型,字符串, 别的都将是无功。 96 00:04:34,490 --> 00:04:37,260 条件语句,我们所有的 从C和PHP老朋友 97 00:04:37,260 --> 00:04:41,640 仍然可用,所以我们有如果, 否则,如果,否则,开关和问题 98 00:04:41,640 --> 00:04:42,240 标志结肠。 99 00:04:42,240 --> 00:04:45,890 交换机剩余灵活,因为它 在PHP,但所有这些你 100 00:04:45,890 --> 00:04:46,930 熟悉现在。 101 00:04:46,930 --> 00:04:49,900 而同样与环路 的,而老歌, 102 00:04:49,900 --> 00:04:52,700 做一段时间,并仍然提供给我们。 103 00:04:52,700 --> 00:04:55,880 因此,我们已经知道了很多的 基本面基本的JavaScript类 104 00:04:55,880 --> 00:05:01,800 仅仅凭借具有相当多的 现在关于C和PHP知识。 105 00:05:01,800 --> 00:05:03,670 >> 那么在JavaScript的功能呢? 106 00:05:03,670 --> 00:05:08,199 那么,类似PHP每个功能 引入的功能关键字。 107 00:05:08,199 --> 00:05:10,740 你说的功能,然后 开始定义功能。 108 00:05:10,740 --> 00:05:12,531 什么是有一点不同 关于JavaScript的, 109 00:05:12,531 --> 00:05:15,700 虽然是有能力 什么叫做匿名函数。 110 00:05:15,700 --> 00:05:18,880 所以,你可以定义函数 不具有一个名字。 111 00:05:18,880 --> 00:05:21,222 这是我们 还真没见过。 112 00:05:21,222 --> 00:05:23,430 我们将真正使用的概念 匿名函数的 113 00:05:23,430 --> 00:05:27,880 在这个待会儿 视频,因为它会 114 00:05:27,880 --> 00:05:31,530 使背景下多一点意义 当我们看到它在特定情况下 115 00:05:31,530 --> 00:05:33,120 我已经在这里制作。 116 00:05:33,120 --> 00:05:35,710 但是,我们只是看看 在什么是简单的JavaScript 117 00:05:35,710 --> 00:05:37,850 函数可能看起来像。 118 00:05:37,850 --> 00:05:40,610 >> 所以,我已经先行一步,并 打开了我的CS50的IDE 119 00:05:40,610 --> 00:05:43,690 我已经运行的Apache 开始我的服务器上运行。 120 00:05:43,690 --> 00:05:46,800 我有这个文件 打开名为Home.html中。 121 00:05:46,800 --> 00:05:48,330 我会在一点点放大这里。 122 00:05:48,330 --> 00:05:52,090 基本上,你可以看到 Home.html中只是一堆按钮。 123 00:05:52,090 --> 00:05:55,291 而我在上面声称在这里 这是JavaScript部分 124 00:05:55,291 --> 00:05:55,790 材料。 125 00:05:55,790 --> 00:05:59,490 因此,有一堆按钮在这里, 但做这些按钮实际上呢? 126 00:05:59,490 --> 00:06:03,662 >> 好了,我们会去到我的IED, 而我的Home.html在这里打开。 127 00:06:03,662 --> 00:06:05,620 在一开始, 这里的地方我链接 128 00:06:05,620 --> 00:06:07,500 在我所有的JavaScript源文件。 129 00:06:07,500 --> 00:06:08,000 对? 130 00:06:08,000 --> 00:06:12,440 所以我有anonymous.js,clock.js, 我使用源属性 131 00:06:12,440 --> 00:06:14,440 脚本标记的文件链接。 132 00:06:14,440 --> 00:06:18,660 所以,我没有写任何 JavaScript的直接进入这个文件, 133 00:06:18,660 --> 00:06:21,790 但我已经将所有的 JavaScript的我分开写。 134 00:06:21,790 --> 00:06:24,540 如果我们这里,这个向下滚动 应该都是看起来有点熟悉 135 00:06:24,540 --> 00:06:27,090 随着新的语法一点点。 136 00:06:27,090 --> 00:06:32,655 我们在这里头标记 函数,然后一个按钮。 137 00:06:32,655 --> 00:06:35,530 我有一个输入,这是一个类型的按钮, 显然,当我点击它, 138 00:06:35,530 --> 00:06:38,130 我要调用一些 功能警报的日期。 139 00:06:38,130 --> 00:06:41,792 这是那种我们如何可以混合起来 JavaScript和HTML一点点。 140 00:06:41,792 --> 00:06:44,500 实际上,他们发挥得很好 在一起,所以很明显,当 141 00:06:44,500 --> 00:06:48,730 我点击这个按钮,我要去 要调用一些功能警报的日期。 142 00:06:48,730 --> 00:06:53,660 而同样是我所定义的行为 对于所有的其它按钮, 143 00:06:53,660 --> 00:06:56,440 是home.html的页面上, 我们将回头率 144 00:06:56,440 --> 00:06:59,172 这个视频的过程中。 145 00:06:59,172 --> 00:07:00,880 但是,让我们回去了 这里就来看看 146 00:07:00,880 --> 00:07:03,850 在clock.js,这是 JavaScript文件,我 147 00:07:03,850 --> 00:07:07,370 写有这首功能 我们要看一看。 148 00:07:07,370 --> 00:07:11,630 正如你所看到的,我开始我的JavaScript 用关键字功能功能, 149 00:07:11,630 --> 00:07:14,560 我已经给这一个 的名字,这就是所谓的警报的日期。 150 00:07:14,560 --> 00:07:18,710 里面还有,我显然是创建一个 所谓的当前日期新的局部变量。 151 00:07:18,710 --> 00:07:21,500 而我要去分配 一个等于一个新的日期。 152 00:07:21,500 --> 00:07:24,430 而且,我们可以进入很多 具体以什么日期是, 153 00:07:24,430 --> 00:07:27,060 真正的JavaScript是这样 大不大,说我们不可能 154 00:07:27,060 --> 00:07:28,330 面面俱到的一个视频。 155 00:07:28,330 --> 00:07:32,220 但我只想说,这是怎么回事 回到我的数据项 156 00:07:32,220 --> 00:07:35,470 封装当前日期和时间。 157 00:07:35,470 --> 00:07:39,100 我存储在我是一个变量 显然要提醒当前日期。 158 00:07:39,100 --> 00:07:41,300 >> 那么,什么警报 当前日期是什么样子? 159 00:07:41,300 --> 00:07:46,460 让我们来看看文件本身 备份过在浏览器窗口。 160 00:07:46,460 --> 00:07:49,551 如此反复,这是按钮,我 已经绑,这个命名功能。 161 00:07:49,551 --> 00:07:51,800 我点击它,并 看看它的所作所为,它提醒。 162 00:07:51,800 --> 00:07:56,140 它突然出现了这样的框,告诉 我的当前时间为,显然 163 00:07:56,140 --> 00:07:59,370 这是11月4日 10时43分43秒在上午。 164 00:07:59,370 --> 00:08:02,345 如果我再次点击它,现在 这是一个几秒钟后,对不对? 165 00:08:02,345 --> 00:08:03,720 所以,这就是这个函数。 166 00:08:03,720 --> 00:08:07,670 当我点击这个按钮,它 弹出一个警告信息给我。 167 00:08:07,670 --> 00:08:13,806 168 00:08:13,806 --> 00:08:15,690 所以真的没有 太多的功能 169 00:08:15,690 --> 00:08:19,110 这是从PHP不同, 新的语法,只是一点点 170 00:08:19,110 --> 00:08:22,500 随使用JavaScript。 171 00:08:22,500 --> 00:08:24,650 >> 在JavaScript中数组是 很简单。 172 00:08:24,650 --> 00:08:27,200 要声明一个数组,可以使用 方括号语法 173 00:08:27,200 --> 00:08:30,090 我们很熟悉的PHP。 174 00:08:30,090 --> 00:08:33,432 而类似PHP,我们 也可以混合数据类型。 175 00:08:33,432 --> 00:08:35,140 所以这个数组,无论是 这些阵列的将 176 00:08:35,140 --> 00:08:36,960 是完全合法的JavaScript。 177 00:08:36,960 --> 00:08:42,500 一说是所有的整数,而另一个 混合起来不同的数据类型。 178 00:08:42,500 --> 00:08:45,020 >> 什么是非常不同的东西 在JavaScript中,有关系吗? 179 00:08:45,020 --> 00:08:47,020 这是一个对象的概念。 180 00:08:47,020 --> 00:08:50,240 因此,也许你听说过 面向对象编程。 181 00:08:50,240 --> 00:08:53,370 我们不会做很多它的CS50, 但我们会做一点点 182 00:08:53,370 --> 00:08:55,670 这里在JavaScript的上下文。 183 00:08:55,670 --> 00:08:59,100 现在的JavaScript有能力 表现为一个面向对象的程序设计 184 00:08:59,100 --> 00:09:02,615 语言,但它本身不是 完全面向对象的 185 00:09:02,615 --> 00:09:03,490 编程语言。 186 00:09:03,490 --> 00:09:05,281 而这又涉及 回到为什么我说,这 187 00:09:05,281 --> 00:09:10,610 是非常具有挑战性的学习 JavaScript作为你的第一个程序 188 00:09:10,610 --> 00:09:13,890 语言,因为它不 真正适合某个特定的模式。 189 00:09:13,890 --> 00:09:16,430 >> C对另一方面是一个 函数式编程语言。 190 00:09:16,430 --> 00:09:22,270 如果我们想,功能 那种大老板的人吧? 191 00:09:22,270 --> 00:09:24,410 他们决定什么 发生一切。 192 00:09:24,410 --> 00:09:26,600 我们要改变的变量, 我们调用函数。 193 00:09:26,600 --> 00:09:28,220 我们做事的功能。 194 00:09:28,220 --> 00:09:31,250 对象,而不是在一个 面向对象的语言, 195 00:09:31,250 --> 00:09:35,937 对对象进行排序成为明星, 功能成为那种次要的。 196 00:09:35,937 --> 00:09:38,270 但是,什么是对象,什么 是一个对象的这个概念? 197 00:09:38,270 --> 00:09:40,880 那么,如果有帮助,认为 它在第一个排序 198 00:09:40,880 --> 00:09:44,540 像C结构或结构 我们已经了解了。 199 00:09:44,540 --> 00:09:47,430 在C语言中,一个结构包含 多个字段, 200 00:09:47,430 --> 00:09:51,174 也许我们现在可能会开始 把这些字段属性。 201 00:09:51,174 --> 00:09:53,590 但性能从来没有真正 站在自己的,对不对? 202 00:09:53,590 --> 00:09:56,410 如果我定义了一个结构,汽车 像这样有以下两个 203 00:09:56,410 --> 00:10:00,750 字段或属性,一个一个 对于汽车的年整 204 00:10:00,750 --> 00:10:04,290 和另外10个字符 串为汽车的型号, 205 00:10:04,290 --> 00:10:07,150 我可以说这样的事情, 我可以声明一个新变量 206 00:10:07,150 --> 00:10:10,080 类型结构的车赫比。 207 00:10:10,080 --> 00:10:13,730 然后,我能说些什么 像herbie.year等于1963, 208 00:10:13,730 --> 00:10:15,850 和herbie.model等于甲壳虫。 209 00:10:15,850 --> 00:10:17,000 没关系。 210 00:10:17,000 --> 00:10:19,680 我使用的领域 结构的范围内, 211 00:10:19,680 --> 00:10:22,290 但我永远只是 说这句话。 212 00:10:22,290 --> 00:10:22,790 对? 213 00:10:22,790 --> 00:10:26,836 我不能使用字段名 独立结构。 214 00:10:26,836 --> 00:10:28,210 这有点一个根本的东西。 215 00:10:28,210 --> 00:10:32,990 >> 所以场是 根本,以C结构 216 00:10:32,990 --> 00:10:39,050 非常相似的属性是 根本的JavaScript对象。 217 00:10:39,050 --> 00:10:42,080 但是,是什么让他们 特别有趣 218 00:10:42,080 --> 00:10:46,230 是,对象也可以具有什么 被称为方法,这是真正 219 00:10:46,230 --> 00:10:50,730 只是一个花哨的词的功能, 是固有的对象为好。 220 00:10:50,730 --> 00:10:55,340 所以这是一个函数,它只能是 所谓在对象的上下文中。 221 00:10:55,340 --> 00:10:59,200 唯一定义一个对象 此函数将其内部, 222 00:10:59,200 --> 00:11:02,020 如果你想想 结构,功能 223 00:11:02,020 --> 00:11:05,720 这些内部定义的定义 结构的大括号内。 224 00:11:05,720 --> 00:11:07,980 因此,它只能意味着什么 到的结构。 225 00:11:07,980 --> 00:11:10,960 这就是那种我们正在做的 这里的对象和方法。 226 00:11:10,960 --> 00:11:13,580 这基本上就像我们 定义一个函数,它 227 00:11:13,580 --> 00:11:16,670 不仅使上感 特定的对象,因此我们 228 00:11:16,670 --> 00:11:19,440 调用该对象的方法。 229 00:11:19,440 --> 00:11:23,180 我们永远不能称之为 功能独立的对象, 230 00:11:23,180 --> 00:11:29,260 就像我们不能说一年或模型 独立于C.结构体 231 00:11:29,260 --> 00:11:32,300 >> 因此,函数式编程 范式是这个样子。 232 00:11:32,300 --> 00:11:35,450 功能,当你通过,则 在对象作为参数。 233 00:11:35,450 --> 00:11:38,650 在面向对象的编程 语言类的这种变 234 00:11:38,650 --> 00:11:43,464 翻转,我们会考虑 像这样,object.function。 235 00:11:43,464 --> 00:11:45,380 因此,那种圆点 运营商再次暗示 236 00:11:45,380 --> 00:11:49,540 它的某种属性 或对象本身的属性。 237 00:11:49,540 --> 00:11:53,240 但是,这是一个对象 面向对象编程语言 238 00:11:53,240 --> 00:11:57,150 可能会做,使功能 调用的方法,再一次,这 239 00:11:57,150 --> 00:12:00,260 仅仅是一个特殊的词功能 所固有的对象。 240 00:12:00,260 --> 00:12:03,440 这是什么 语法可能是什么样子。 241 00:12:03,440 --> 00:12:09,360 因此,我们将开始看到一些 这在JavaScript的上下文。 242 00:12:09,360 --> 00:12:12,470 >> 你也可以考虑的对象 有点像一个关联数组, 243 00:12:12,470 --> 00:12:14,160 这是我们很熟悉的PHP。 244 00:12:14,160 --> 00:12:17,720 请记住一个关联数组允许 我们有键值对,而不是 245 00:12:17,720 --> 00:12:23,040 具有索引0,一个,两个,三个, 所以像我们从C使用 246 00:12:23,040 --> 00:12:23,940 阵列。 247 00:12:23,940 --> 00:12:27,472 关联数组可以映射 即,如在PHP视频, 248 00:12:27,472 --> 00:12:29,180 我们谈论 比萨饼的浇头。 249 00:12:29,180 --> 00:12:31,180 因此,我们有一个数组 所谓的比萨饼,和我们 250 00:12:31,180 --> 00:12:36,670 有奶酪是一个关键和$ 8.99是 值,然后香肠是一个关键的, 251 00:12:36,670 --> 00:12:39,190 $ 9.99加入是一个值,并依此类推。 252 00:12:39,190 --> 00:12:43,300 因此,我们也可以思考的一个 对象排序的类似缔 253 00:12:43,300 --> 00:12:43,840 数组。 254 00:12:43,840 --> 00:12:47,020 所以这个语法在这里 将创建一个新的对象 255 00:12:47,020 --> 00:12:50,950 叫赫比两个 它里面的属性。 256 00:12:50,950 --> 00:12:57,310 年,其中被赋值为1963年, 和模型,其被分配的串 257 00:12:57,310 --> 00:12:58,140 甲虫。 258 00:12:58,140 --> 00:13:01,770 >> 并注意在这里,我使用 单引号中的JavaScript。 259 00:13:01,770 --> 00:13:05,570 您可以使用单或双引号 当你在谈论的字符串。 260 00:13:05,570 --> 00:13:07,772 这只是传统 的情况下,大多数倍 261 00:13:07,772 --> 00:13:10,230 当你编写JavaScript, 你只需要使用单引号。 262 00:13:10,230 --> 00:13:15,050 但是,我可以在这里使用双引号,和 这将是完美的罚款以及。 263 00:13:15,050 --> 00:13:17,470 >> 所以,记得在 PHP,我们有这个想法 264 00:13:17,470 --> 00:13:22,730 的每个回路,使我们 遍历所有键值 265 00:13:22,730 --> 00:13:25,270 对关联的 阵列,因为我们 266 00:13:25,270 --> 00:13:29,050 没有这种能力来遍历 通过0,一,二,三,四, 267 00:13:29,050 --> 00:13:30,710 等等? 268 00:13:30,710 --> 00:13:35,010 JavaScript有非常类似的东西, 但它不叫for each循环, 269 00:13:35,010 --> 00:13:38,960 它被称为在循环。 270 00:13:38,960 --> 00:13:42,890 所以,如果我对我说喜欢 这一点,在对象VAR键, 271 00:13:42,890 --> 00:13:48,670 这就是那种类似说法 对每个东西的东西。 272 00:13:48,670 --> 00:13:53,850 但是,所有我在这里做的是迭代 通过我的所有对象的键。 273 00:13:53,850 --> 00:13:56,070 而卷曲的内 牙套那里,我会 274 00:13:56,070 --> 00:14:03,410 使用对象的方括号键指 以在该键位置的值。 275 00:14:03,410 --> 00:14:05,400 >> 可替代地,有 即使是另一种方法。 276 00:14:05,400 --> 00:14:10,880 如果我只关心 值,我可以说对象的关键, 277 00:14:10,880 --> 00:14:12,360 和刚内使用密钥。 278 00:14:12,360 --> 00:14:17,240 因此,对于在对象VAR键,我有 使用对象的方括号 279 00:14:17,240 --> 00:14:19,340 关键的内循环。 280 00:14:19,340 --> 00:14:24,580 对于对象的VAR钥匙,我可以 只使用键循环内, 281 00:14:24,580 --> 00:14:29,040 因为我只是专 说起那里的价值。 282 00:14:29,040 --> 00:14:32,630 >> 因此,让我们也许需要 看差 283 00:14:32,630 --> 00:14:35,670 只是为了迅速告诉你 4之间的差 284 00:14:35,670 --> 00:14:40,730 在和用于治疗与一个非常具体的 阵,我们这里有,周阵列。 285 00:14:40,730 --> 00:14:43,616 所以,我必须找到一个新的数组 我充满了七弦, 286 00:14:43,616 --> 00:14:46,240 星期一星期二星期三, 周四,周五,周六,周日。 287 00:14:46,240 --> 00:14:50,530 我想现在迭代 在这个数组中, 288 00:14:50,530 --> 00:14:53,090 打印出的某些信息。 289 00:14:53,090 --> 00:14:58,780 如果我使用一个在循环 打印出的信息, 290 00:14:58,780 --> 00:15:00,710 你觉得我会得到什么? 291 00:15:00,710 --> 00:15:01,710 好吧,让我们一起来看看。 292 00:15:01,710 --> 00:15:05,300 而之前我们跳过去 我的浏览器窗口, 293 00:15:05,300 --> 00:15:08,090 只知道 的console.log几分之一 294 00:15:08,090 --> 00:15:10,630 这样做在JavaScript中打印的F方式。 295 00:15:10,630 --> 00:15:12,040 但是,什么是控制台? 296 00:15:12,040 --> 00:15:14,940 好了,这就是我们要去 去看看现在。 297 00:15:14,940 --> 00:15:16,850 >> 好了,我们又回到这里 在我的浏览器窗口, 298 00:15:16,850 --> 00:15:19,410 我要去开 我的开发工具。 299 00:15:19,410 --> 00:15:22,290 再次,我只是打F12 开放的开发工具。 300 00:15:22,290 --> 00:15:25,670 并注意在此间举行的 上面我选择控制台。 301 00:15:25,670 --> 00:15:28,480 因此,这是概念 开发者控制台, 302 00:15:28,480 --> 00:15:30,500 它将使我们能够 打印出来的信息, 303 00:15:30,500 --> 00:15:33,000 有点像终端,但 因为你会看到一个小后, 304 00:15:33,000 --> 00:15:37,720 我们也可以在输入信息 与我们的网页交互。 305 00:15:37,720 --> 00:15:42,320 我会在一点点放大这里, 而我要现在在测试点击的。 306 00:15:42,320 --> 00:15:45,230 而四test--我不会 告诉你它的代码,现在, 307 00:15:45,230 --> 00:15:47,479 但你会得到它,如果你 下载源代码 308 00:15:47,479 --> 00:15:50,380 与此相关联的video-- 只是,对于在循环 309 00:15:50,380 --> 00:15:52,610 我们看到的只是一个 第二以前的幻灯片。 310 00:15:52,610 --> 00:15:54,810 >> 所以,我要点击那 按钮,在这里, 311 00:15:54,810 --> 00:15:58,440 这里就是已经打印出来了 控制台,0,一,二,三,四,五, 312 00:15:58,440 --> 00:15:58,940 六。 313 00:15:58,940 --> 00:16:02,490 我没有打印出的信息 这些阵列单元内, 314 00:16:02,490 --> 00:16:05,180 因为我用在循环中。 315 00:16:05,180 --> 00:16:10,670 和循环的身体内部,我 刚刚打印出来的关键不反对键。 316 00:16:10,670 --> 00:16:18,600 但是,如果我现在很清楚我的控制台,我 切换到用于测试的,和四个测试的 317 00:16:18,600 --> 00:16:22,500 我说我使用的循环 而不是打印出来的关键, 318 00:16:22,500 --> 00:16:28,079 如果我点击了,现在我得到的 我的对象里面实际元素 319 00:16:28,079 --> 00:16:29,120 还是我在这种情况下阵。 320 00:16:29,120 --> 00:16:31,760 我的工作日阵列。 321 00:16:31,760 --> 00:16:33,480 我打印出来周一, 周二周三。 322 00:16:33,480 --> 00:16:36,930 所以这之间的差 一个在循环,打印出 323 00:16:36,930 --> 00:16:43,410 只是,如果你只需要使用钥匙的钥匙 所述循环体的内部, 324 00:16:43,410 --> 00:16:46,850 和一个for循环,其中打印 出来的数值,如果你只使用 325 00:16:46,850 --> 00:16:48,870 关键的循环体内部。 326 00:16:48,870 --> 00:16:52,380 >> 好吧,我们现在怎么办开始 连接字符串,也许混淆 327 00:16:52,380 --> 00:16:57,220 插值一些变量 就像我们能够做到在PHP? 328 00:16:57,220 --> 00:16:59,410 好了,我们非常熟悉的 这个从PHP。 329 00:16:59,410 --> 00:17:04,109 这是我们如何使用做 点运算符来连接字符串。 330 00:17:04,109 --> 00:17:06,260 在JavaScript中,不过, 我们实际使用的东西 331 00:17:06,260 --> 00:17:09,290 所谓的加号,这 也许是更多的哪怕是一点点 332 00:17:09,290 --> 00:17:10,470 直观的,对不对? 333 00:17:10,470 --> 00:17:12,609 我们加入一些 串在一起。 334 00:17:12,609 --> 00:17:14,520 因此,让我们头回 过去看看这是什么 335 00:17:14,520 --> 00:17:18,693 将打印,如果我们想要打印出来 所有在一周阵列的信息。 336 00:17:18,693 --> 00:17:20,859 好了,所以在这里 在字符串连接, 337 00:17:20,859 --> 00:17:24,822 我有两个选择,串楼 V1,然后串建设V2。 338 00:17:24,822 --> 00:17:26,530 我们会看到为什么我们 需要在第二V 2。 339 00:17:26,530 --> 00:17:28,610 但是,我要请点击 串建筑V1,这 340 00:17:28,610 --> 00:17:30,360 是我们的代码 只是走一看, 341 00:17:30,360 --> 00:17:32,980 在与console.log的所有优点之一。 342 00:17:32,980 --> 00:17:35,910 如果让这种打印的看 出我们所期望的。 343 00:17:35,910 --> 00:17:39,939 >> 星期一是一周中的天数01, 周二是一周中的天数11。 344 00:17:39,939 --> 00:17:41,730 好吧,我试图 这样做有获得 345 00:17:41,730 --> 00:17:46,280 它打印出周一的日数 之一,周二当天排名第二。 346 00:17:46,280 --> 00:17:50,140 但似乎像我 总是打印出的。 347 00:17:50,140 --> 00:17:51,260 好了,这是为什么? 348 00:17:51,260 --> 00:17:55,600 嗯,事实证明,再看看 在这个代码小片段在这里。 349 00:17:55,600 --> 00:18:00,160 请注意,我们使用了加 操作者在两个不同的上下文。 350 00:18:00,160 --> 00:18:03,221 >> 所以这里的地方也许事情 我们已经那种一直在说, 351 00:18:03,221 --> 00:18:03,970 哦,它是如此之大。 352 00:18:03,970 --> 00:18:05,910 我们不与数据类型的处理了。 353 00:18:05,910 --> 00:18:08,220 但是,这里的地方的事实 我们失去的数据类型 354 00:18:08,220 --> 00:18:10,960 实际上有点 对我们的一个问题。 355 00:18:10,960 --> 00:18:16,260 现在,再加上运营商是用来 连接字符串,并添加号码 356 00:18:16,260 --> 00:18:19,550 同时,JavaScript有 尽最大的猜测 357 00:18:19,550 --> 00:18:22,030 至于什么我希望它为我做。 358 00:18:22,030 --> 00:18:23,900 在这种情况下,它猜错了。 359 00:18:23,900 --> 00:18:29,340 它只是级联天,这将是 0个,一个,两个,三个,四个,五个,或六个, 360 00:18:29,340 --> 00:18:32,060 然后它只是串联 这一点,然后再连接到之一。 361 00:18:32,060 --> 00:18:35,020 它实际上并没有把它们相加。 362 00:18:35,020 --> 00:18:37,320 所以这些语言, PHP和JavaScript, 363 00:18:37,320 --> 00:18:39,196 这抽离 这个概念的类型, 364 00:18:39,196 --> 00:18:40,820 你没有对付它了。 365 00:18:40,820 --> 00:18:43,600 他们还有引擎盖下的类型。 366 00:18:43,600 --> 00:18:46,780 我们可以在情况 这样,充分利用了这一事实 367 00:18:46,780 --> 00:18:49,240 说什么 像这也许,这 368 00:18:49,240 --> 00:18:53,210 告诉JavaScript中,由 这样,把它当作一个整数, 369 00:18:53,210 --> 00:18:57,100 不把它作为一个字符串,即使 虽然我们串混合在一起 370 00:18:57,100 --> 00:18:58,940 和整数这里。 371 00:18:58,940 --> 00:19:02,204 >> 这只是其中的一件事情 它看起来如此之大的情况下 372 00:19:02,204 --> 00:19:04,120 我们不必 处理类型了, 373 00:19:04,120 --> 00:19:05,828 但有时你会 碰到这种情况 374 00:19:05,828 --> 00:19:09,110 完全一样,其中的事实是 你没有超过类型的控制 375 00:19:09,110 --> 00:19:11,220 可以对你适得其反 如果你不小心。 376 00:19:11,220 --> 00:19:18,285 所以,如果我们弹回过来IDE,我 又要清除我的控制台, 377 00:19:18,285 --> 00:19:20,660 我要去点击字符串 建设二版,这 378 00:19:20,660 --> 00:19:23,052 在这里我使用的解析INT功能。 379 00:19:23,052 --> 00:19:25,260 现在,它的打印出 我很期待的信息。 380 00:19:25,260 --> 00:19:29,330 周一的天数之一,星期二 是日数二,依此类推。 381 00:19:29,330 --> 00:19:31,170 >> 因此,让我们来谈谈功能了。 382 00:19:31,170 --> 00:19:34,790 我答应大家会谈论匿名 功能,现在的上下文为该 383 00:19:34,790 --> 00:19:36,360 终于到了。 384 00:19:36,360 --> 00:19:39,980 因此,在这样做之前,我们再谈 有关数组只是第二次。 385 00:19:39,980 --> 00:19:42,120 所以阵列是一个特殊的 情况下,对象的。 386 00:19:42,120 --> 00:19:45,180 事实上,一切都在 JavaScript是实际上的对象。 387 00:19:45,180 --> 00:19:47,190 因此,功能是 对象的特殊情况, 388 00:19:47,190 --> 00:19:49,770 整数是一个特殊的 情况下,对象的, 389 00:19:49,770 --> 00:19:52,152 但阵列专 有许多方法。 390 00:19:52,152 --> 00:19:55,110 请记住,因为他们的对象, 它们可以有属性和方法。 391 00:19:55,110 --> 00:19:58,600 它们具有许多方法,这些方法 可以应用到那些对象。 392 00:19:58,600 --> 00:20:01,197 有一个叫方法 大小,array.size, 393 00:20:01,197 --> 00:20:03,030 这将返回到 你,你可能期望 394 00:20:03,030 --> 00:20:05,120 在您的阵列元素的数量。 395 00:20:05,120 --> 00:20:08,480 排序array.pop,像 我们突然离开的想法 396 00:20:08,480 --> 00:20:11,110 一摞,如果你还记得 从我们的堆栈视频, 397 00:20:11,110 --> 00:20:13,810 删除该数组中的最后一个元素。 398 00:20:13,810 --> 00:20:17,110 Array.push将一个新元素 到数组的末尾。 399 00:20:17,110 --> 00:20:20,910 array.shift是有点 喜欢DQ,它拼接出 400 00:20:20,910 --> 00:20:23,610 数组的第一个元素。 401 00:20:23,610 --> 00:20:27,549 >> 但也有另一种特殊 阵列的方法称为地图。 402 00:20:27,549 --> 00:20:29,340 这是排序的 有趣的概念。 403 00:20:29,340 --> 00:20:30,930 那么,什么是地图的想法? 404 00:20:30,930 --> 00:20:33,880 你会真切地看到这 在其他几种语言, 405 00:20:33,880 --> 00:20:38,550 我们不是在谈论一个 排序制图师绘制在这里, 406 00:20:38,550 --> 00:20:41,480 我们谈论的是一个映射功能。 407 00:20:41,480 --> 00:20:44,110 在上下文我们 这里讲的,地图 408 00:20:44,110 --> 00:20:47,950 是一种特殊的操作,我们 可以在阵列上执行 409 00:20:47,950 --> 00:20:51,630 以应用的特定功能 该数组的每个元素。 410 00:20:51,630 --> 00:20:55,190 所以我们会说 这种情况下,也许array.map, 411 00:20:55,190 --> 00:21:00,330 而在它的内部,我们传递 进入地图,我们希望有一个功能 412 00:21:00,330 --> 00:21:02,430 要施加到每一个元素。 413 00:21:02,430 --> 00:21:07,299 所以,这有点类似于使用 一个循环的每个元素遍历 414 00:21:07,299 --> 00:21:09,340 和应用特定 功能是每一个元素, 415 00:21:09,340 --> 00:21:14,830 只是JavaScript的有这个建于 概念可以应用的映射。 416 00:21:14,830 --> 00:21:19,700 这是一个很大的背景下 谈论一个匿名函数。 417 00:21:19,700 --> 00:21:22,370 >> 所以我们可以说,我们有 这个整数数组。 418 00:21:22,370 --> 00:21:25,370 这就是所谓的NUMS,并且它有5 东西在里面,一,二,三,四, 419 00:21:25,370 --> 00:21:26,410 五。 420 00:21:26,410 --> 00:21:30,620 现在,我要地图的一些 功能上这个数组。 421 00:21:30,620 --> 00:21:34,337 我想有一个函数应用 到阵列的每个元素。 422 00:21:34,337 --> 00:21:37,420 好吧,让我们说,我想 要做的只是加倍的所有元素。 423 00:21:37,420 --> 00:21:42,520 我能做的只是使用一个循环 为变种我等于0,I小于 424 00:21:42,520 --> 00:21:47,390 或等于4,我加,再加上,并 再翻一番每一个号码。 425 00:21:47,390 --> 00:21:49,580 但我也可以做这样的事情。 426 00:21:49,580 --> 00:21:53,420 我可以说NUMS前身 一二三四五, 427 00:21:53,420 --> 00:21:58,310 不过,现在,我想你 应用映射到这个数组 428 00:21:58,310 --> 00:22:00,400 在这里我想你 翻番每一个数字。 429 00:22:00,400 --> 00:22:02,540 而这正是 这里发生了什么。 430 00:22:02,540 --> 00:22:06,870 但是请注意什么,我路过 在作为参数映射。 431 00:22:06,870 --> 00:22:09,080 这是一个匿名函数。 432 00:22:09,080 --> 00:22:11,140 并注意我没有给 此函数的名称, 433 00:22:11,140 --> 00:22:13,290 我只给它一个参数列表。 434 00:22:13,290 --> 00:22:16,370 所以这是一个例子 一个匿名函数。 435 00:22:16,370 --> 00:22:21,270 >> 我们通常将永远不会调用此 地图的上下文之外的功能。 436 00:22:21,270 --> 00:22:24,110 我们将其定义为一个参数 映射,所以我们真的不 437 00:22:24,110 --> 00:22:27,910 需要有一个名字为它,如果 在乎唯一的事情就是地图 438 00:22:27,910 --> 00:22:30,339 和它的正确定义 地图在里面。 439 00:22:30,339 --> 00:22:31,880 所以这是一个匿名函数。 440 00:22:31,880 --> 00:22:34,680 我们一直没能 预先这样做。 441 00:22:34,680 --> 00:22:38,400 地图部分功能 接受一个参数,NUM, 442 00:22:38,400 --> 00:22:41,890 而该函数的作用是什么 在返回NUM的2倍。 443 00:22:41,890 --> 00:22:45,330 所以在此之后 测绘中得到应用, 444 00:22:45,330 --> 00:22:50,090 这是现在什么NUMS长相 像,二,四,六,八,十。 445 00:22:50,090 --> 00:22:52,090 我们会突然到我 浏览器窗口和公正 446 00:22:52,090 --> 00:22:55,240 看看这个 真的很快为好。 447 00:22:55,240 --> 00:22:58,000 >> 所以,我在这里有另一个按钮 在我的主页称为双。 448 00:22:58,000 --> 00:23:03,570 当我点击加倍,它告诉 我之前是一,二,三,四, 449 00:23:03,570 --> 00:23:07,250 后五二,四,六,八,10。 450 00:23:07,250 --> 00:23:11,930 如果我回去,然后单击双 再次,二,四,六,八,十。 451 00:23:11,930 --> 00:23:17,400 再经过,四个, 8,12,16,然后20。 452 00:23:17,400 --> 00:23:20,440 而我是什么在这个功能做什么? 453 00:23:20,440 --> 00:23:25,210 那么,如果我们只是弹出交给IDE和 我拉起我的匿名函数,在这里 454 00:23:25,210 --> 00:23:28,780 在七号线到13,我 做一点点花哨的工作在这里, 455 00:23:28,780 --> 00:23:32,240 但我只是打印出 什么是当前的数组中开始。 456 00:23:32,240 --> 00:23:36,580 然后在线路16,17, 18,还有我的地图。 457 00:23:36,580 --> 00:23:40,930 这是我在应用此增加一倍 功能到每一个元素。 458 00:23:40,930 --> 00:23:43,530 再远一点下来, 我只是在做同样的事情 459 00:23:43,530 --> 00:23:46,640 我在做之前,但现在我 打印出数组的内容 460 00:23:46,640 --> 00:23:48,167 之后。 461 00:23:48,167 --> 00:23:50,500 但是,所有我所做的是 只需使用一个匿名函数 462 00:23:50,500 --> 00:23:53,640 到在整个阵列映射。 463 00:23:53,640 --> 00:23:58,466 >> 因此,多一个很大的话题谈谈 JavaScript是一个事件的概念。 464 00:23:58,466 --> 00:24:01,590 事件是什么,正好 当用户与您的网络交互 465 00:24:01,590 --> 00:24:04,715 页面,所以也许他们点击的东西, 或者在页面加载完成, 466 00:24:04,715 --> 00:24:07,200 或者他们已经感动 他们的鼠标的东西, 467 00:24:07,200 --> 00:24:09,290 或者他们已经输入的东西 在输入字段。 468 00:24:09,290 --> 00:24:14,260 所有这些事情都是事件 这是发生在我们的网页上。 469 00:24:14,260 --> 00:24:17,460 和JavaScript有 功能支持的时候 470 00:24:17,460 --> 00:24:21,760 调用的事件处理程序, 是一个回调函数 471 00:24:21,760 --> 00:24:23,329 响应的HTML事件。 472 00:24:23,329 --> 00:24:24,620 什么是一个回调函数? 473 00:24:24,620 --> 00:24:27,328 那么,它通常只是一个 名匿名函数。 474 00:24:27,328 --> 00:24:30,170 这是一个函数, 响应一个事件。 475 00:24:30,170 --> 00:24:34,130 而这正是我们来到了 结合某些功能的想法 476 00:24:34,130 --> 00:24:38,060 到一个特定的HTML属性。 477 00:24:38,060 --> 00:24:41,420 大多数HTML元素有 对于属性的支持 478 00:24:41,420 --> 00:24:45,170 我们没有谈论的HTML 这样的事情在点击视频 479 00:24:45,170 --> 00:24:50,540 或悬停或负载, 所有这些事件 480 00:24:50,540 --> 00:24:53,120 然后你可以写函数 该处理这些事件 481 00:24:53,120 --> 00:24:56,090 当这些事件 出现在网页上。 482 00:24:56,090 --> 00:24:59,170 >> 所以,也许你的HTML 看起来是这样的。 483 00:24:59,170 --> 00:25:02,240 我有两个按钮在这里, 按钮一个,两个按钮, 484 00:25:02,240 --> 00:25:04,620 这里我有现在 定义什么都没有, 485 00:25:04,620 --> 00:25:11,170 但是,这是其中所述属性 点击显然是我的HTML标记的一部分。 486 00:25:11,170 --> 00:25:15,220 所以很明显,当我定义什么是 该属性中的想法, 487 00:25:15,220 --> 00:25:18,590 这将是一些JavaScript 函数,响应该事件 488 00:25:18,590 --> 00:25:24,360 想必点击的 按钮一键两种。 489 00:25:24,360 --> 00:25:28,580 >> 有什么样的很酷,这是我们 可以写一个通用的事件处理程序。 490 00:25:28,580 --> 00:25:32,370 而这个事件处理程序将 创建事件对象。 491 00:25:32,370 --> 00:25:37,000 而事件对象会告诉我们 这两个按钮被点击。 492 00:25:37,000 --> 00:25:38,064 现在怎么运作的? 493 00:25:38,064 --> 00:25:39,730 那么,它可能会是这个样子。 494 00:25:39,730 --> 00:25:44,860 因此,我们将首先定义我们的按钮 不得不回调一个响应 495 00:25:44,860 --> 00:25:47,470 函数将被调用 单击该按钮时, 496 00:25:47,470 --> 00:25:49,520 我们称之为事件警报名。 497 00:25:49,520 --> 00:25:53,320 并注意在这两种情况下,我们是 通过本次活动参数。 498 00:25:53,320 --> 00:25:55,460 因此,我们调用这个函数 或者这个功能时, 499 00:25:55,460 --> 00:26:00,330 由事件发生触发, 它会创建这个事件对象 500 00:26:00,330 --> 00:26:03,300 并把它作为一个 参数警报名称。 501 00:26:03,300 --> 00:26:07,270 而该事件的对象是 要包含的信息 502 00:26:07,270 --> 00:26:09,800 哪个按钮被点击。 503 00:26:09,800 --> 00:26:11,580 它是如何做到这一点? 504 00:26:11,580 --> 00:26:13,654 那么,它可能会是这个样子。 505 00:26:13,654 --> 00:26:15,570 所以,现在在我的独立 JavaScript文件,我可能 506 00:26:15,570 --> 00:26:17,420 要找到这个 功能警报名称, 507 00:26:17,420 --> 00:26:19,500 再次接受事件参数。 508 00:26:19,500 --> 00:26:24,640 然后这里是我检测 该按钮被触发, 509 00:26:24,640 --> 00:26:28,100 VAR触发等于事件 点源元素。 510 00:26:28,100 --> 00:26:33,150 那是什么创建的源 这是通过本次活动的对象? 511 00:26:33,150 --> 00:26:36,390 是不是按钮一次,抑或是两个按钮? 512 00:26:36,390 --> 00:26:40,710 >> 然后,在这里我做的是 打印出trigger.innerhtml。 513 00:26:40,710 --> 00:26:43,860 那么,在这种情况下,在该 的背景下,trigger.innerhtml 514 00:26:43,860 --> 00:26:45,940 只是写了什么按钮。 515 00:26:45,940 --> 00:26:48,830 碰巧,如果我们跳 回一秒钟,那会 516 00:26:48,830 --> 00:26:51,670 是什么在这些按钮标记之间。 517 00:26:51,670 --> 00:26:54,150 这将是按钮的一个或两个按钮。 518 00:26:54,150 --> 00:26:57,320 让我们来看看 如何事件处理程序会 519 00:26:57,320 --> 00:27:01,080 看,如果我们有它运行在实践中。 520 00:27:01,080 --> 00:27:03,850 >> 所以首先,你 开辟了events.js, 521 00:27:03,850 --> 00:27:06,517 这是JavaScript文件,其中 我已经定义了这个功能。 522 00:27:06,517 --> 00:27:08,558 正如你所看到的,这是 几乎什么 523 00:27:08,558 --> 00:27:10,230 我们只是在一秒钟前看到的幻灯片。 524 00:27:10,230 --> 00:27:14,890 我会去到了 我们一直在使用的主页。 525 00:27:14,890 --> 00:27:17,660 而我这里按钮 一个,两个按钮。 526 00:27:17,660 --> 00:27:19,820 我会按一下按钮之一。 527 00:27:19,820 --> 00:27:23,930 你点击的按钮之一,如果你 可以看到这里的戒备。 528 00:27:23,930 --> 00:27:25,810 好。 529 00:27:25,810 --> 00:27:28,980 点击两个按钮,您 点击一个按钮两种。 530 00:27:28,980 --> 00:27:32,150 >> 因此,这两个按钮具有 同样的函数调用,对不对? 531 00:27:32,150 --> 00:27:35,840 他们都警觉名 事件,但此事件对象 532 00:27:35,840 --> 00:27:41,900 这被创建时,我们点击 它告诉我们哪个按钮被点击。 533 00:27:41,900 --> 00:27:44,650 我们没有写两个独立 功能或处理有 534 00:27:44,650 --> 00:27:46,470 通过任何其他信息。 535 00:27:46,470 --> 00:27:48,220 我们只是依靠 什么样的JavaScript会 536 00:27:48,220 --> 00:27:53,772 做对我们来说,这是创建 排序代表我们的活动对象。 537 00:27:53,772 --> 00:27:56,730 还有很多事情需要JavaScript的比 我们已经讨论了在这段视频中, 538 00:27:56,730 --> 00:27:58,521 但有这些 根本应该让你 539 00:27:58,521 --> 00:28:00,690 相当长的方式来 学习一切你 540 00:28:00,690 --> 00:28:04,030 需要了解这一 有趣的语言。 541 00:28:04,030 --> 00:28:05,000 我是道格·劳埃德。 542 00:28:05,000 --> 00:28:07,010 这是CS50。 543 00:28:07,010 --> 00:28:09,181