2021-05-25

js基础

script负责执行js 代码
script 是成对标签
一个页面中允许出现多个script元素

第一条js 语句
alert();
弹出一个警告框 所有带有圆括号的语法 叫做函数

写在圆括号里面的内容 叫做参数

默认从上到下执行

当script元素用于引入外部文件时
script内的js代码会被忽略
要不然新建一对script标签

js调试

alert(‘第一个警告框’)；

ctrl+shift+j 打开js控制台

js是一个解释型语言

一般代码出现错误后，解释性（js引擎）会停止对当前语句块解析
抛出一个错误对象 终止后续代码执行

后续代码块不受影响
bingqie js的错误不会影响html和css 的解析排版

一旦出现debug第一件事就是查看控制台

查看元素 cyrl+shift+c

使用分号或者换行符结束

js中的语句指的是可以被js引擎解释执行的代码

语句由关键字 运算符 表达式 组成

js严格区分大小写

语句使用分号进行分割结束
不写分号容易出错

注释 不被js引擎解释及执行的代码
单行注释 双斜杠表示//
多行注释 使用 /* */

编写注释是一个良好的编码习惯

基本输出语句

控制台输出日志
console.log()
页面输出(在body中)
document.write(’’)
弹出警告框
alert()

带圆括号的语法叫做 函数(方法)
写在圆括号内的 叫做参数

变量

在编程中 变量是用于存储信息的容器

ECMAScript 是一个弱类型的语言

他的变量可以用于存储任意类型的数据

容器中的内容是允许改变的

变量 可以改变的值

定义变量时要使用var 操作符 (var是一个关键字)

关键字指的是用于特定含义的一组字符

var的作用就是声明变量
在var 关键字后很碎一个变量的名称即可

在编程中 = 叫做赋值符

它的含义是将符号右边的值赋予给左边的变量

通过访问变量名可以获取它对应的值
赋值的本意是 替换操作

案例题

有一个变量x 他的值是5
有一个变量y 它的值是8
请交换两个变量的值

可以引入第三方值

可以使用加减运算符

当定义一个变量未对其进行赋值时，该变量的值默认为undefined
么有初始化的变量值为undefined

undefined 在js 中是一种数据类型

它的含义是未定义

可以使用var关键字一次性声明多个变量
是用英文的逗号进行分割

变量的使用可以先声明 后赋值

也可以声明时对变量进行赋值

变量必须先声明后使用
不允许出现 不声明直接赋值的情况 (会造成全局污染)

命名规范

变量的命名规范
、
1、可以使用字母 数字 下划线 美元符
2、 不能使用关键字 保留字
3、不能使用数字开头
4、命名要有明确的语义(一定要使用英文单词)

变量的命名使用 (小)驼峰命名法

1、小驼峰命名法
首字母小写 后面每一个单词的首字母大写
用于变量和函数的命名

2、大驼峰命名法

用于类和函数的命名
首字母大写 后面每一个单词的首字母大写

下划线开头是被允许的

美元符可以的 (单独$也是可以的)

#不允许使用#号 在变量命名中

JavaScript 五种基本数据类型

Undefined 只有一个值 ，即特殊的undefined
声明变量但未进行赋值
这个变量默认值就是undefinded
这个值一般不会主动只用 他表示变量未定义

Null 是js中第二个只有一个值的数据类型 它的值是null
他的英文意思是 空
　表示的含义是 一个变量 将来有可能会指向某一个对象 但是目前没有什么指向
　他是一个空对象指针
　```
　3、 Number
　表示这个值是一个数字
　数字的特点是可以运算
　不管是整数还是小数都是Number类型()
　
　NaN (Not a Number)
非数字

NaN也是Number类型
它表示的是一个将要返回数值的操作没有返回数值的情况

isNaN();
是否是一个非数字   是不是NaN
接受一个值 返回一个布尔值

Infinity  也是Number类型
他表示  数字无穷大
当我们将0作为出书进行运算时就会出现这个值

4、 Boolean
　布尔类型
　这个数据类型有两个值
　true(真)
　false(假)
　可以使用梳子来代替布尔类型
　true可以使用数字1代替
　false可以使用数字0代替
　
　布尔类型 是允许运算的
　 在实际运算中 true 会自动转成数字 1
　 false 会自动转成数字0
　
　 5、 String
　 字符串类型
　
　 除了所有其他数据类型的值以外 被包裹在引号中的值 就是字符串类型
　
　 alest(‘你好世界’)；
　
　 在js中，无论使用单引号或是双引号 都是字符串类型
　
　 字符：‘a’ ’ c’ ‘c’
　 字符串： “abc” “123”
　
　
　 使用字符串类型时 推荐在最外层使用单引号
　
　 在字符串中使用 ‘’ 表示转义
　
　 \n 表示输入换行符
　
　 \t 表示制表符 tab键 一个制表符表示四个空格
　 \r 回车

　     
　6、Object  对象数据类型
　  引用数据类型
　  所有的引用数据类型   都是  对象
　  Object  对象
　  它是由一组无序的名值对组成
　  
　  他描述的是一个整体
　  使用一个变量名  存储多个值
　  
　  使用点操作符(.)   可以访问对象的属性
　  
　  o.name = '小花';
　  o.age = '17';
　  o.sex = 'nv';
　  o.height = '179';
　  console.log(0);
　  
　  ECMAScript  有两大类数据类型
　  
　  1、 基本数据类型
　     undefined
　     boolean
　     null
　     number
　     string
　     
　   2、
　   
　   object
　   

由于ECMAScript 是弱类型语言(定义变量时没有指定数据类型)

需要一种手段 来检测 我们的 数据类型

ECMAScript提供了解决方案
typeof 关键字

使用typeof 操作符来检测 一个值的数据类型(通常用于检测基本类型)

var num = 10;
console.log(typeof num);

var n =null;
console.log(type n); //'object’空对象指针

使用typeof 检测数据时

数值 返回 ‘number’
字符串 返回 ‘string’
布尔值 返回 ‘boolean’
null 返回 ‘object’
对象 返回 ‘object’
未定义变量 返回 ‘undefined’
函数 返回 'function

25个ECMAScript 关键字

break if in intanceof else switch return new var void while with
throw this try typeof
case catch continue
finally function for
do delete default

31个保留字

int interface import implement
export enum extrnds
shorts supper static syn
char class const
boolean byte
throws transient
double debugger
float final
abstract
let
yield
go
voild
native
long
public protect private package