javascript基础知识及变量(1)

编程

何为编程，计算机为解决某个问题而使用某种程序设计语言编写的程序代码，并最终得到结果的过程

计算机程序

可以通过计算机语言的一系列指令集合来控制计算机

注意：任何能够执行代码的设备都可以称为计算机 例如：ATM 手机 智能机器人等等

计算机语言

计算机语言是指人类与计算机之间通讯的语言，是人类与计算机之间传递信息的媒介。

计算机语言：机器语言 汇编语言 高级语言

计算机最终识别的都是二进制语言，二进制语言是由0和1组成

机器语言

机器语言是由二进制组成的 二进制语言泛指0和1

汇编语言

汇编语言和机器语言本质相同 都是直接对计算机硬件进行操作，但指令符采用英文缩写的标识符，更便于记忆和缩写

高级语言

高级语言指C++ JAVA PHYthon go语言 javascript等等

标记语言和编程语言的区别

• 标记语言是被读取的 没有逻辑性可言
• 编程语言可以主动读取的 具有逻辑性

计算机基础

数据存储单位

程序运行的顺序

注意事项

程序执行时，会将程序的代码从硬盘中转移到内存中，cpu从内存中读取数据

内存用的是电 而硬盘用的是机械 所有cpu从内存中读取数据

初识javascript

javascript的发明者：布兰登.艾奇，在1995年仅利用10天的时间便发明javascript,最初在网景公司命名为Livescript,后改名为javascript

javascript是什么?

运行在客户端的脚本语言，服务器端的脚本语言：NodeJS，从上到下依次执行

javascript的作用

• 表单验证
• 网页交互
• APP开发
• 服务端开发
• 游戏开发

HTML/CSS/Javascript的关系

• HTML CSS属于标记语言，被动读取数据
• Javascript属于编程语言，会主动读取数据，具有很强的逻辑性

浏览器执行Javascript的过程

浏览器分为两部分：渲染引擎 JS引擎

• 渲染引擎：俗指浏览器内核 主要是用来解析HTML CSS等等
• JS引擎：主要是用来解析Js代码，最有名的js引擎：chorme v8引擎

注意事项：JS引擎也就是常说的编译器，浏览器本身并不执行js语句，js引擎会把js语句逐行进行编译并执行。

js的组成

Javascript:ECMAscript(js的语法核心) DOM(文档对象模型) BOM(浏览器对象模型)

• ECMAscript:javascript（网景） JScript(微软) 核心语言功能
• DOM:提供访问和操作网站内容的接口和方法
• BOM:提供与浏览器交互的接口和方法

js初体验

行内的js

内嵌JS

外链JS

注意事项

js注释

js中的注释可以分为单行注释 多行注释

• 单行注释：//
• 多行注释 / /

快捷键

JS中的输入输出语句

变量

变量：变量仅仅是用来保存值的占位符而已，通过变量名可以获取数据，甚至修改数据

注意事项
本质：变量是从内存中申请的空间，用来存取数据

变量的使用

• 1. 声明变量
• 1. 赋值

结果

变量的初始化

何为变量的初始化，在声明变量的同时且赋值 var是一个操作符 而变量名相当于标识符

结果

变量案例

案例1：在控制台打印自己个人信息

案例2：用户输入自己的姓名，并在网页中弹出来

变量的扩展

更新变量

变量被重新赋值后，原来的值会被覆盖掉，变量以最后一次赋值为准

同时声明多个变量

其它情况

• 1.只声明 不赋值的情况下
• 2.不声明 只赋值的情况下
• 3.不声明 不赋值的情况下

变量名的规则

• 1.严格区分大小分
• 2.由字母 下划线 数字 $组成
• 3.不能以数字开头
• 4.变量名要有意义
• 5.遵循驼峰式命名，即首字母小写，后面单词的首字母需要大写
• 6.不能使用js中的关键字和保留字

注意

• 不能使用name作用变量名

案例 ：交换两个变量

思路

• 1.声明一个临时变量temp
• 2.把num的值赋值给temp
• 3.把num2的值赋值给num1
• 4.把temp的值赋值给num2

注意：右边的值赋值给左边

变量的总结

数据类型

在计算机中，数据占用存储空间不同，定义的数据类型不同。

JS属于弱类型语言,只有在赋值的情况下，才能确定数据类型

数据类型的分类

• 简单数据类型：Undefined Null Number String Boolean
• 复杂数据类型：Object

Number

注意事项

1.Number包括整数 浮点数（小数） 八进制 十六进制 Number.MAX_VALUE(最大值) Number.MIN_VALUE(最大值) Infinity(正无穷) -Infinity(负无穷) NaN(非数值)

2.八进制前面数字加0(0~8) 十六进制前面添加ox(0~9 A-F)

3.所有的八进制和十六进制会被转换成十进制

4.isFinite()函数 位于最大值和最小值之间会返回true

isNaN()函数

isNaN()函数：判断里面的参数是否为非数值 为非数值则显示true 反之则显示false,参数会进行隐式转换

String(字符串类型)

引号里面的任意文本 在JS中被称为字符串，引号可以为单引号也可以为双引号

注意事项

1. js中的嵌套法则，外单内双 外双内单
2. 特殊情况下，需要用到转义符

转义符

String案例

字符串扩展

• 字符串+任意类型 = 拼接之后的新的字符串 口诀：数值相加 字符相连
• 通过length属性可以获取字符串的长度
• 字符串可以和变量相加，结果仍是字符串类型

年龄案例

步骤

• 1.弹出一个输入框，用户输入年龄
• 2.把输入的结果用变量的形式保存起来，与所需要的字符串拼接起来
• 3.使用alert弹出警示框

Boolean布尔值

布尔值有两个值 true（真） false（假）

注意：在进行加法运算中，true会被转换成1，而false会被转换成0

Undefined

声明未被赋值的 其结果为undefined

注意：undefined与任何数值相加，其结果为NaN(不是一个数值)

Null

Null：表示一个空对象指针

typeof

typeof:检测数据类型

通过控制台的颜色来区分数据类型

字面量

字面量：一个固定值的表示法

• 数字字面量：8 20 50 等等
• 字符串字面量 :"hello" "work"
• 布尔值表示法：true false

数据类型转换

一种数据类型的变量转换成另一种数据类型

转换成字符串类型

• 利用toString()方法转换成字符串
• 利用String函数进行转换
• 利用+号进行隐式转换

转换成数值型

• parseInt():转换成整数
• parseFlaot():转换成浮点数
• Number():强制转换
• 利用算数运算符中的 - * / 进行隐式转换
• parseInt和parseFloat及number遇到非数字开头的参数，会显示NaN

年龄案例

计算用户的年龄

步骤如下

• 弹出一个输入框，用户输入自己的年龄（输入年龄）
• 把用户的年龄用变量保存起来，用今年的年份减去用户输入的变量值，从而得到自己的结果（程序内部处理）
• 弹出警示框，把结果输入进去即可。

简单的加法器

1.弹出第一个输入框 用户输入数字 用变量名保存起来

2.弹出第二个输入框 用户输入数字 用变量名保存起来

3.引用数据类型转换成数值型，两个值进行相加

4.用alert弹出结果即可

    
    
    
    
`

    

Boolean（）

Boolean(): 否定的值会被转换false 其它的值会被转换成true

• 0 "" null undefined NaN会被转换成false
• 其余的值会被转换成true

编译性语言和解释语言的区别

编译性语言和解释性语言唯一的区别：在于翻译的时间点不同。

例子
如同请客吃饭，编译性语言相当于把菜上齐才吃饭，而解释性语言相当于吃火锅，边涮边吃

标识符 关键字 保留字

• 标识符是指开发人员为变量 函数 属性起的名字。
• 关键字是指JS已经使用的字 不能当做变量名 函数名
• 保留字是即将未来将被使用的关键字

关键字及保留字

个人信息案例

 注意：要用到输入框 alert弹出框 字符串拼接 转义符等等

总结

1.NaN == NaN 这句话是错误的，NaN与任何值都不相等 包括NaN本身
2.isNaN（）函数是用来检测里面的参数是否为非数值，isNaN(true)的值为false,因为true会默认转换成1
3.isNaN(false)的值为false ，因为false会默认转换成0
4.在if语句中，会自动执行相对应的Boolean转换
5.Number("")值为0    Number(true)值为1   Number(false)会被转换成0  Number(undefined)会被转换成NaN   Mumber(NaN)会被转换成NaN
6.parseInt(true)  parseInt(false)的值均为NaN parseInt("")也为NaN
7.parseInt():可以解析二进制 八进制 十六进制，而parseFloat()只能解析十进制
8.toString():可以解析二进制 八进制 十六进制  
9.undefined == null 这句话是正确的 undefined衍生于Null

特别注意事项

• js中逗号保留原始数据类型，而加号是拼接字符串（对控制台而言）
• 使用alert时，要使用加号