学完JavaScript 基础语法内容后,我们可以完成下面的交互效果,可以实现如下4个功能。
编程:让计算机根据你设定好的流程去做事。
例如:你可以通过指令的方式让计算机去做事情
这个时候计算会去播放歌曲真的爱你。但是计算机并不认识上面的英文单词和汉字。
计算机在执行指令之前会把指令转换成二进制的形式,例如下面的形式:
我们不可能直接去拿二进制去编写指令(程序),这样太痛苦了,所以在和计算机进行交互的时候,我们可以通过一些高级语言,这些语言非常接近人类的语言。
前端开发必备的编程语言是 JavaScript,JavaScript 是由浏览器加载和执行的。
我们在之前已经学习了 HTML 和 CSS 这两个技术,这两个技术能做的是页面的静态效果,如果想实现页面上的一些功能或者交换效果,比如轮播图、数据格式验证等,就要用到 JavaScript。简而言之:
JavaScript 发展到现在几乎无所不能。
Atwood 定律:
以下需要科学上网
JavaScript 和 CSS 一样,也有三种书写位置:
点击按钮,就会执行 js 代码
在初体验中我们使用了 alert() 方法弹出一个消息提示,在 JavaScript 中,有多个可以弹出/输出消息的方法,在我们的仿 siri 项目中会用到其中的一些,比如:alert()、让用户输入内容的弹出框。
下面我们一起来学习几个常用的输入输出方法。
注意:这里的“消息提示”,既可以用英文状态下的单引号也可以用双引号。
如果我们使用 prompt() 方法让用户输入了数据,我们又想要把用户输入的数据保存起来,怎么办呢?
定义变量有两个关键词 var/let,var 是过去定义变量的方式,let 是现在定义变量的方式。它们之间的区别需要学习完作用域之后再来解释。
使用 var/let 关键字,告诉浏览器,我们要定义一个变量,使用=号告诉浏览器,我们要把左边的数据存储到变量里面,当我们想使用这个数据的时候,就可以直接使用这个变量代替这个实际数据。
定义变量可以分为两个过程:变量声明和变量赋值:
变量是变化的量,我们可以重新给变量赋值:
变量可以一次定义多个并同时赋值
下面我们来了解是如何通过变量名称找到内存中对应的数据的。
关键字是在JavaScript语法中,具有特殊意义的单词,比如我们学习过的用于声明变量的var
JavaScript 是不断发展的,以前的功能用了以前的关键字,将来要加入新的功能的时候,可能要用到新的关键字,所有 JavaScript 在一开始的时候就保留了部分单词,以便将来把保留的单词作为关键字
1. 交换两个变量的值
2. 不使用临时变量,交换两个数值变量的值
常量跟变量非常相似,也是通过一个标识符来访问内容中的数据,但是跟变量不同的是常量中的数据是不可以修改的。
常量用来存储不可修改的数据,例如:数据中的 π。
如果在某个位置 PI 的值被别人修改了,未来圆的面积会计算错误。
使用 const 定义的常量是不能被修改的,我们可以尝试一下:
常量的命名一般都大写,代表常量。
关于变量和常量我们先说到这里,下一小节,我们再来介绍 JavaScript 中的数据类型