复习第一天
javaScript是什么?
是一种运行在客户单的编程语言,实现人机交互。
作用?
网页特效(监听用户的一些行为让网页做出对应的反馈)
表单验证(对于用户输入的信息进行验证)
数据交互(获取后端数据,渲染到前端页面)
服务端编程(Node.js)
javaScript的组成部分:
js基础部分有:变量、函数、分支语句、循环语句、对象等等
jsWebApi部分有:DOM(操作文档)操作、BOM(操作浏览器)操作
学习离不开参考文档,MDN是一个官方的参考文档,方便我们在遇到困难的时候进行解答
https://developer.mozilla.org/en-US/MDN官方网站
javaScript书写位置分为:行内式、内嵌式、外链式
注意:由于js代码是从上往下执行的 因此我们写的js文件最好放到body的后面,这样等body里面的结构加载完毕,这样就会避免错误
js注释:分为行注释以及块注释
行注释:// 一行都是注释内容,这样在代码解析的时候会被忽略 快捷键:ctrl+/
块注释 /**/ 所选区域都是注释内容 这样在代码解析的时候会被忽略 快捷键:shift+alt+/
js结束符:使用因为分号; 代表语句结束
在实际开发中,会根据团队的要求进行写或者不写,
js输入输出语法
输出语法:document.write('HelloWorld'),alert('你好啊'),console.log('控制台打印helloWorld')
输入语句:prompt('请输入要输入的内容')
js字面量:[] 是数组的字面量 {} 是对象的字面量
变量:
通俗来说就是一个盒子,在我们js中充当的是一个存储数据的容器,切记:变量不是数据本身 他是一个存储数据的容器 可以理解成是一个装东西的箱子
变量的使用
先声明,后赋值
例子:let num = 10
使用let关键字进行声明 num是标识符 等号是赋值操作 ,let不允许多次声明一个变量
声明多个变量我们可以使用英文逗号,隔开, 我们尽可能不使用这种方式 虽然代码相比较一行声明短,但是可读性不高
变量的本质:
是程序在内存中申请一块用来存方数据的空间
变量的命名规则和规范
1、不能使用关键字、只能用下划线、字母、数字、$符号,且不能以数字开头
2、起名要有意义 、 要遵循驼峰命名法
变量的拓展:
let 和 var的区别:
var在javaScript旧的版本使用的比较多 let是在es6中出现新的声明变量的关键字
var声明:
可以先声明、后使用(不合理)
var声明过的变量可以重复声明(不合理)
变量提升、全局变量、没有块级作用域
数组:是一种将一组数据存放单个变量名下的方式
数组的基本使用
声明数组:
let arr = []
数组作用:
数组可以存储任意数据类型
数组是有索引号的,且数组是按照顺序排序存放数据的
我们可以使用索引号找到对应的属性值
数组取值:
arr[index] index即属性值对应的索引号
一些属于:
元素:数组中保存的数据叫做数组元素
下标:数组中元素的编号
长度:数组中数据的个数、我们通常使用length代表长度
常量:使用const定义的变量我们称为常量,不会改变的量
使用规范:与变量的形式一样
注意:常量不允许重新赋值、声明的时候必须赋值(初始化)
数据类型:
分为两大类:
基本数据类型和复杂数据类型
基本数据类型:number、string、boolean、undefined、null
复杂数据类型:object(对象)
注意事项:js是弱数据类型,变量到底属于那种数据类型 只有赋值之后才可以确认
java是强数据类型 int a = 10 int必须是整数
number:数值型 包含数字、小数、整数的等等
算数运算符也是数值型的操作形式 里面包括 + - * / %
同时使用多个运算符编写程序时,我们会按照某种先后顺序执行,我们称为优先级
在运算符中,跟我们小学学的加减乘除优先级一样,先算乘除后算加减 有括号的先算小括号内的内容
NaN是一种数值计算的错误,它是一个不正确或者不定义数学操作的结果
string:字符串类型 包括 '', "", ``
他们都是成对存在的
一个口诀:外单内双或者内单外双
字符串拼接:可以使用+运算符实现字符串间的拼接
模板字符串:`` 内容拼接变量时,使用${}
boolean布尔型: 它有两个固定的值false(假)、true(真)
undefined:未定义类型 ,只声明不赋值
在开发中,我们可以利用undefined看见用户是否传递数据
null:空类型
null的使用场景是有个变量想存入对象中,但是对象还没有创建好 所以先赋值一个null
null和undefined的区别:
undefined 声明没有赋值
null 赋值了 内容为空
检测数据类型:
可以利用控制台得出结果 :可以看出数字型和布尔型颜色为蓝色,字符串和undefined颜色为灰色
使用typeOf关键字检测数据类型 他可以是函数型 也可以当做一个运算符
类型转换:
js属于弱类型语言,因此只有我们赋值了 才知道是什么数据类型 很难使我们想要的数据类型
把一种数据类型转换成我们想要的数据类型 我们称为类型转换
隐式转换:
系统会自动的将某些运算符运算中的数据类型进行转换,我们称为隐式转换
+号是我们常见的运算符,但是如果旁边有一个字符串 那么输出的结果也是一个字符串 console.log('你好'+1) 输出结果是一个字符串 ‘你好1’
除了+号意外 其他运算符都会转换为数值型
显式转换:
隐式转换在编写程序时过度依赖是不严谨的,为了避免错误,我们要使用显示转换
目的是为了明确自己的数据类型该转换什么类型
转换数值型:
Number(数据):
转换数字类型
NaN是数值类型的一种,代表非数字
parseInt()转换为整数
parseFloat()保留小数
String(数据):
转换为字符型
数据.toString()