目录
一、计算机编程基础
1.1 编程语言
1) 编程
让计算机为解决某个问题,而使用某种程序设计语言编写程序代码,并最终得到结果的过程。
2) 计算机程序
就是计算机所执行的一系列的指令集合,而程序全部都是用我们所掌握的语言来编写的,所以人们要控制计算机一定要通过计算机语言向计算机发出命令。
注:计算机指的是任何能够执行代码的设备,可能是智能手机、ATM机、黑莓PI、服务器 等。
3) 计算机语言
指用于人与计算机之间通讯的语言,它是人与计算机之间传递信息的媒介。
计算机语言的种类非常的多,总的来说可以分成机器语言,汇编语言和高级语言三大类。
实际上计算机最终所执行的都是 机器语言,它是由“0”和“1”组成的二进制数,二进制是计算机语言的基础。
4) 编程语言
编程语言是用来控制计算机的一系列指令,它有固定的格式和词汇(不同编程语言的格式和词汇不一样),必须遵守。
如今通用的编程语言有两种形式:汇编语言和高级语言
汇编语言和机器语言实质是相同的,都是直接对硬件操作,只不过指令采用了英文缩写的标识符,容易识别和记忆。
高级语言主要是相对于低级语言而言,它并不是特指某一种具体的语言,而是包括了很多编程语言,常用的有C语言、C++、Java、C#、Python、PHP、JavaScript、Go语言、Objective-C、Swift等。
5) 翻译器
高级语言所编制的程序不能直接被计算机识别,必须经过转换才能被执行,为此,我们需要一个翻译器。翻译器可以将我们所编写的源代码转换为机器语言,这也被称为二进制化。 记住1和 0。
6) 编程语言和标记语言区别
编程语言有很强的逻辑和行为能力。在编程语言里, 你会看到很多 if else 、for 、while等具有逻辑性和行为能力的指令,是主动的。
标记语言(html)不用于向计算机发出指令,常用于格式化和链接。标记语言的存在是用来被读取的, 是被动的。
1.2 计算机基础
1) 计算机组成
2) 数据存储
1、计算机内部使用二进制 0 和 1来表示数据;
2、硬盘、内存都是保存的二进制数据;
3、所有数据,包括文件、图片等最终都是以二进制数据(0 和 1)的形式存放在硬盘中的;
4、所有程序,包括操作系统,本质都是各种数据,也以二进制数据的形式存放在硬盘中。平时我们所说的安装软件,其实就是把程序文件复制到硬盘中。
3) 数据存储单位
4) 程序运行
二、初识JavaScript
2.1 JavaScript 是什么
2.2 JavaScript 的作用
2.3 HTML/CSS/JS 的关系
2.4 浏览器执行 JS 简介
2.5 JS 的组成
1) ECMAScript
2) DOM ——文档对象模型
3) BOM ——浏览器对象模型
2.6 JS 初体验
JS 有3种书写位置,分别为行内、内嵌和外部。
1) 行内式 JS
2) 内嵌 JS
3) 外部 JS文件
三、JS输入输出语句
四、JS变量
4.1 变量的使用
变量在使用时分为两步: 1. 声明变量 2. 赋值
var age; // 声明一个 名称为age 的变量age = 10; // 给 age 这个变量赋值为 10var age = 18; // 声明变量同时赋值为 18 也称为 变量的初始化
- 案例
弹出一个输入框,提示用户输入姓名;
用户输入后再弹出一个对话框,输出用户刚才输入的姓名。
4.2 变量的语法扩展
1)更新变量
一个变量被重新复赋值后,它原有的值就会被覆盖,变量值将以最后一次赋的值为准。
2) 声明多个变量
同时声明多个变量时,只需要写一个 var, 多个变量名之间使用英文逗号隔开。
3)声明变量的特殊情况
总结: 只声明不赋值 使用是 未定义undefined
不声明但赋值 使用是允许的
不声明也不赋值 使用 会报错
4.3 变量的命名规范
4.4 变量交换案例
实现思路:使用一个 临时变量 用来做中间存储
4.5 变量小结
五、JS数据类型
5.1 数据类型简介
1)为什么需要数据类型
在计算机中,不同的数据所需占用的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,于是定义了不同的数据类型。
2)变量的数据类型
3)数据类型的分类
5.2 简单数据类型
1) 数字型 Number
(1)数字型的进制
(2)数字型的范围
(3)数字型的三个特殊值
(4)判断非数值的方法:isNAN()
2) 字符串型 String
(1)字符串嵌套
(2)字符串转义符
案例:弹出网页警示框
(3)字符串长度
(4)字符串拼接
- 字符串中含变量:
我们经常会将字符串和变量来拼接,因为变量可以很方便地修改里面的值;
变量是不能添加引号的,因为加引号的变量会变成字符串;
如果变量两侧都有字符串拼接,口诀“引引加加 ”,删掉数字,变量写加中间
- 输入年龄案例:
弹出一个输入框,需要用户输入年龄,之后弹出一个警示框显示“ 您今年 xx 岁啦 ” (xx 表示刚才输入的年龄)
3) 布尔型Boolean
4) Undefined 和 Null
小结:
undefined/null 与字符串相加的时候,就把自身看作是字符串;
undefined与数字或布尔型相加的时候,结果都是NaN;
null与数字或布尔型相加的时候,结果按照数值的加法来看
5.3 获取变量数据类型
typeof 可用来获取检测变量的数据类型。
5.4 数据类型的转换
1)转换为字符串型
2)转换为数字型
- 案例1:输入年份,计算年龄
- 案例2:简单加法器的实现
3)转换为布尔型
六、课后作业
依此询问并获取用户的姓名、年龄、性别,并打印用户信息。(在警示窗口)
代码:
效果:
七、JS扩展阅读
7.1 解释型语言和编译型语言
两类语言的执行过程: