itfan123JavaScript01javaScript基础认知/数据类型/运算符
原创JavaScript 01
今日目标：javaScript基础认知、数据类型、变量&常量、运算符&表达式
一、javaScript基础认知
1.javaScript概念
负责网页的动效与交互，是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。
作用：
- 网页特效 (监听用户的一些行为让网页作出对应的反馈)
- 表单验证 (针对表单数据的合法性进行判断)
- 数据交互 (获取后台的数据,渲染到前端)
组成结构：
DOM操作文档，对页面元素进行控制 BOM浏览器对象模型
2.javaScript书写位置
对比CSS
三种引入方式：
1.行内js 代码写在标签内部 vue阶段使用较多
Document
2.内部js用script标签中（不带src属性），写在body标签底部，结束标签上（放在底部是因为标准流执行代码是从上到下执行的，只有在下面才可以获得到数据）
Document
3.外部js 通过script src引入（注意：引用外部的script中不能（在html页面中）写代码,会执行外部引用的，内部的不执行）
Document
3.js注释
单行 // 快捷键：ctrl+/ 块注释： / / 快捷键：alt+shift+a
注释的作用：方便程序员查看代码和理解代码，注释之后的内容不会被浏览器解析
4.javaScript结束符
符号是英文的； 代表语句的结束。
js引擎在执行语句代码时，默认是可以在一行显示，但是要以分号分隔。不打分号，我们要换行，js引擎解析时候会默认为;号
实际开发中可以加分号 也可以不加，需要按照团队进行判断和添加。
5.输入和输出语法
什么是语法 ：人和计算机打交道的规则约定
输出语句
语法1： 可以向body内输入内容 document.write（‘hello js’）
语法2：页面弹出提示框 alert(‘你必拿下’)
语法3：console.log(‘控制台打印输出’)
Document
代码的执行先alert 才看的到页面中显示的hello js
输入语句
语法1：在页面弹出对话框，提示用户输入内容 promet(‘在这里输入内容’)
Document
二、数据类型
1.数据类型概念
因为js不能识别所有的数据类型,任何变成语言编译器不同。都有属于自己的数据类型，编译器会进行分类，分类之后的数据成为数据类型。
分类原因：更加充分和高效的利用内存
数据细分：
1.数字型 number类型 整数，小数，分数，正数。用于数据计算
2.字符串类型 string类型 ’‘ ‘’ ‘’ 包裹起来的字符串类型，引号可以是嵌套的
3.布尔类型boolean 只有true 与false(用于判断)
4.undefined 未定义 固定的值 表示没有值，值不存在
5.null空值
Document
控制台console中查看
2.通过typeof查看数据类型
Document
就是在输出前面加上typeof 即可查看数据的类型
三、常量&变量
1.变量是什么？
变量是计算机用来存储数据的容器
2.变量的基本使用
1.变量的使用：
先声明变量，后就可以对变量进行赋值操作
-
声明变量：let 变量名
两部分构成：声明关键字、变量名（标识）
-
变量的赋值； 变量名=值 （值给变量）
变量的优化写法： let 变量名=值
2.变量的连写
let age = 18, sex = ‘女’, name = ‘坤坤’
中间用空格隔开即可，
推荐写法：
//一行定义一个变量
let age = 18
let sex = ‘女’
let name = ‘坤坤’
3.变量的本质
内存：计算机中存储数据的地方，相当于一个空间
变量本质：是程序在计算机内存中申请存放的一个存放数据的储存空间
变量值的判断案例
Document
数值交换案例
Document
常量是什么？
就是不可以变化，不可以被修改的量。在javaScript中用const代表常量。
举个第二天的例子
4.变量的命名和规范
规则：
- 不能用关键字(关键字：有特殊含义的字符)
1.1 JavaScript 内置的一些英语词汇。例如：let、var、if、for等- 只能用下划线、字母、数字、$组成，且数字不能开头
- 字母严格区分大小写，如 Age 和 age 是不同的变量
- 命名需要有语义化
- 推荐使用小驼峰命名法（连写单词，第二单词首字母大写）
拓展let 与 var 的区别（了解）
1.var可以先使用，再声明。let先使用会报错
2.var可以重复定义的。let不可重复重复变量
3.var没有块级作用域，let定义的变量有作用域
3.常量
常量概念：不能变化的值，是一个固定值
与变量的区别：常量的值无法改变，强制修改会报错
但是如果在for里面它是一个全新的块级作用域，const不会报错（javaSceipt 05 有这个例子）
Document
四、运算符&表达式
概念：
运算符：可以用来运算的符号 + - * /
表达式：由运算符组成的式子，是一段可以用来求值的代码
Document
1.算数运算符 + - * / %（具体运算参考小学二年级）
注：取一般用来判断是否被整除
拓展:连接符(+)：
数字相加计算，字符串相加为拼接（注意括号里面试反引号）
字符串连接案例
Document
用户订单案例
注意：table是写在script标签里面，table标签外需要加上反引号``
Document
2.赋值运算符 += -= *= /= %
简单点来说就是将语句简化输出，举个例子
Document
3.一元运算符
概念：一个数参与运算，以此类推2个数参与运算就是二元，往后同理
作用：
1.自增 符号++
2.自减 符号–
隐藏操作 ++可前置也可以后置，单独使用没有任何区别
举个栗子
Document
4.比较运算符（> < >= <= != !==）
使用场景：比较两个数据大小是否相等
返回结构：都是布尔型数据只有true与false
举个栗子
Document
5.逻辑运算符
使用场景：处理多重条件判断的时候
返回值：布尔类型 true和false
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
Powered By Z-BlogPHP Theme By 编程老白