一.JS简介1.与HTMLCSS的的标记语言不同Javascript是一种运行在客户端的编程语言2.组成1ECMAScript规定了JS基础语法核心知识2Web APIsDOM 操作文档BOM 操作浏览器二.书写位置1内部JSscript标签写在/body上面因为浏览器会按照代码在文件中的顺序加载htmlbody......script// 页面弹出警视框alert(你好js~)/script/body2外部JS代码写在以“.js”结尾的文件里引入地址依旧写在/body上面script srcjs地址中间不允许写内容/script3内联JS代码写在标签内部了解即可但是后面vue框架会用这种模式button onclickalert(逗你玩~~~)点击我月薪过万/button三.注释单行注释符号//快捷键ctrl/块注释符号/* */快捷键shiftalta四.结束符使用英文的;代表语句结束五.输入输出语法1.输出语法1文档输出内容document.write(要输出的内容)document.write(h1我是标题/h1)alert(要输出的内容)2控制台打印输出 给 程序员console.log看看对不对2.输入语法1输入语句字符串prompt请输入你的年龄六.变量计算机储存数据的“容器”1.变量的基本使用1声明变量要想使用变量首先需要创建变量也称为声明变量/定义变量语法:声明关键字变量名标识let变量名,例如let age2变量赋值赋值号“”age183变量初始化let age184与输出写法的综合使用scriptletage18;document.write(age);/scriptscriptletunameprompt(请输入姓名);document.write(uname);/script5变量的更新重新赋值注不是重新声明变量不可再使用letscriptletage18;age19;/script6声明多个变量不建议使用let age18;uname迪丽热巴2.变量的值的交换scriptlettempletnumber110letnumber220tempnumber1 number1number2 number2temp/script3.声明规则与规范1规则不可用关键词只能用下划线、字母、数字、$组成且数字不能开头字母严格区分大小写2规范起名要有意义小驼峰命名法第一个单词首字母小写后面每个单词首字母大写大驼峰命名法使用单词首字母大写中文应用’ 包起来4.变量的拓展var声明可以先使用 再声明var声明过的变量可以再次声明七.数组将一组数据存在当个变量名下1.数组的基本使用1声明语法let 数组名[数据1,数据2,数据3...数据n]例let name[小红小明小绿]2使用数组数组名[索引号]从0开始console.log(arr[1])索引到的即为小明3一些术语元素数组中保存的每个数据都叫数组元素下标数组中数据的编号长度数组中数据的个数通过数组的length属性获得console.log(arr.length)数组长度索引号1八.常量:跟C语言中与变量的关系相似写法const PI3.141.常量声明的时候必须赋值2.命名规范和变量一致3.不需要重新赋值的数据使用const九.数据类型1.基本数据类型(1)number 数字型即我们数学中学习到的数字可以是整数/小数/整数/负数。注JS是弱数据类型变量到底属于哪种类型只有赋值后我们才能确认Java是强数据类型例如int a3必须是整数经常与算术运算符相结合使用±*/%补充NaNNaNnot a number代表计算错误它是一个不正确的或者一个未定义的数学操作所得的的结果NaN是粘性的。任何对NaN的操作都会返回NaN(2)string 字符串型通过单引号双引号或反引号包裹的数据都叫字符串。单引号和双引号无本质区别但更推荐使用单引号单引号/双引号可以互相嵌套但是不能自己嵌套自己必要时可以使用转义符 \ 输出单引号或双引号字符串拼接场景运算符 可以实现字符串的拼接例如console.log(pink 老师)输出结果为pink老师document.write(我今年age岁了)常用模板字符串拼接字符串和变量语法外面用反引号包含document.write(我今年${age}岁了)(3)boolean 布尔型表示肯定或否定时在计算机中对应的是布尔类型数据有两个固定的值true、false(4)undefined 未定义型仅一个值underfined声明一个变量未赋值(5)null 空引用仅仅是一个代表“无”“空”“值未知”的特殊值null表示赋值了但是内容为空将来有个变量里面存放的是一个对象但是对象还没创建好可以先给个null2.引用复杂数据类型1object 对象2function 函数3array 数组3.检测数据类型通过typeof关键字检测数据类型语法第一种作为运算符typeof x常用的写法console.log(typeof 变量名)注null是个object对象类型第二种函数形式typeof(x)有括号和没括号得到的结果是一样的故更推荐第一种写法十.类型转换1.隐式转换例如let num1 prompt(请输入第一个数字)prompt得到的是字符串类型在这之前加上转变为数字型规则号两边只要有一个是字符串都会把另外一个转成字符串除了以外的算术运算符 比如- * /等都会把数据转成数字类型缺点转换类型不明确小技巧号作为正号解析可以转换为数字型任何数据和字符串相加结果都是字符串2.显式转换console.log(Number(变量名))严格整体转换里面必须为数字console.log(parseInt(变量名))从开头解析整数console.log(parseFloat(变量名))从开头解析浮点数十一.运算符1.赋值运算符-*/与C语言相同2.一元运算符自增运算符自减运算符–使用场景经常用于计数来使用前置自增变量名每执行一次当前变量数1后置自增变量名每执行一次当前变量数1前置自减–变量名每执行一次当前变量数-1后置自减–变量名每执行一次当前变量数-1区别前置为先加/减后用后置为先用后加/减独立开发中一般独立使用无任何区别且常用后置3.比较运算符C语言相同用法,,,,,左右两边是否类型和值都相等!左右两边是否不全等比较结果为boolean类型只会得到true或false涉及到NaN都是false4.逻辑运算符使用场景逻辑运算符用来解决多重条件判断 逻辑与 并且 一假则假|| 逻辑或 或者 一真则真! 逻辑非 取反 真变假假变真5.运算符优先级小括号一元运算符和逻辑非算术运算符关系运算符相等运算符逻辑运算符赋值运算符逗号运算符逻辑运算符中先后||十二.语句表达式可以被求值的代码所以可以写在赋值语句的右侧语句可以被执行的代码不一定有值分支语句有选择性地执行想要的代码十三.if语句单分支语句if(条件){console.log(执行语句)//满足条件要执行的代码}条件中除了0和空字符串其余全为true双分支语句if(条件){console.log(登录成功)//满足条件要执行的代码}else{console.log(登录失败)//不满足条件要执行的代码多分支语句if(条件1){console.log(结果1)//满足条件1要执行的代码}elseif条件2{console.log(结果2)//不满足条件1满足条件2要执行的代码}elseif条件3{console.log(结果3)//不满足条件1/2满足条件3要执行的代码}else{console.log(结果4)//不满足条件123执行的代码}