D1
一、认识JavaScript
-
JavaScript的起源
- …
-
JS的组成
- ECMAScript:语法规范
- BOM:浏览器对象模型:window,也是js的顶层对象
- alert(“hello”);
- DOM:文档对象模型:document
- document.write(“hello”);
-
JS写在哪(参考css写在哪)
-
内联:以html标签的属性存在
<div class="box" onclick="alert('hello')"></div> <br> <div class="box" onclick="fn()"></div> <script> function fn(){ alert("world") } </script>
- 不推荐使用,也不要写,结构和样式要分离
-
内部:写在html文件内的script标签内
<script> document.querySelector(".box").onclick = function(){ alert("js"); } </script>
-
外部:写在js文件内,然后在html文件中使用script的src引入
// js文件 alert("hello world");
<script src="index.js"></script>
-
不允许内部和外部,使用一个script标签
-
引入方式的执行顺序:
- 内联,只能通过行为触发,触发就执行,不触发就不执行
- 内部和外部,先写的先执行
- script标签可以放在任何位置,但是一般放在body的最后 或 结束标签后,有可能会放在head的最后
-
-
js的打印语句
- 呈现程序执行结果的方式
- alert()
- 以弹出框的形式展示信息
- 阻塞程序的执行
- 是BOM提供的方法
- 会强行将打印的数据,转成字符显示
- document.write()
- 将信息打印到页面
- 是DOM提供的方法
- 会强行将打印的数据,转成字符显示
- 如果在页面加载结束后执行,会覆盖整个页面内容
- 可以一次打印多个数据
- console.log()
- 打印到控制台
- 是ES提供,得到了浏览器支持
- 不会对数据进行转换操作
- 可以一次打印多个数据
- 常用的是:console.log()
二、数据类型
-
基本分类
- 字符(string):只要被引号包裹的数据:单引号’’,双引号"",反引号:``
- 数值(number):0123456789,NaN
- 布尔(boolean):true,false
- 对象(object):{键:值,键:值}
- 函数(function):function(){}
- undefined(undefined):undefined,定义了,但未赋值
- null(object):空,空指向,只有一个指针,但是没有指向任何数据,会被typeof检测出object
- 数组(object):[数据,数据],会被typeof检测出object
- symbol(symbol):类字符的数据 ***
-
根据在内存中的存储形式分:
- 基本类型:string,number,boolean,undefined,symbol,null
- 复杂类型:object,function,array
-
检测数据类型
- 关键字:typeof 要检测的数据或变量
- 函数:typeof(要检测的数据或变量)
- typeof运算结束后的结果,以字符数据展示
一、课堂更新资料
-
安装git软件,安装到任意目录,安装成功之后,鼠标右键菜单有git bash的选项
– 第一次 – -
在自定义位置创建新文件夹,打开这个新文件夹,在文件夹内部右键,选择git bash
-
git clone https://gitee.com/liyangyf/sh2013.git
– 之后 – -
打开这个新文件夹,在文件夹内部右键,选择git bash
-
cd sh2013
-
git pull
-
切记,不要在sh2013内做任何修改
二、js的变量
- 变量是什么
- 内存,是仓库
- 向仓库中存数据,如果不加以整理和标记,非常不方便下次查找或使用
- 给数据起个别名,或添加标志,别名就是变量名
- 如何创建变量
- 关键字:var
- 格式:var 变量名
- var a;
- 如何赋值(存入数据)
- =号,赋值的意思,将=号右侧的值,放入左侧的变量中
- a = “hello”
- 变量的命名规范
- 只能使用 字母 或 _ 或 $ 开头
- 尽量不要出现特殊字符
- 尽量语义化,词必达意
- 不能使用关键字或保留字(被系统作为功能名称使用)
- 小技巧:加前缀就可以用了
- 建议使用变量保存的数据类型的缩写做前缀
- 建议如果使用组合单词,要采取驼峰式
- 大驼峰:每个单词的首字母大写(构造函数)
- 小驼峰:从第二个单词的首字母大写(常用基本变量)
三、运算符
-
运算符:计算的是数据
-
算术运算符:+ - * / % 常用于计算数字
- -*/%:自动将数据进行数值类型的转换,运算结果是数值型数据
- +:只要两边出现一个字符,就是字符串的拼接,而不是数字的相加,结果也是字符
- Not a Number,类型是数值,不是一个数字的数值型数据,表示非法的数值运算
-
关系运算符:> >= < <= == === != !== 常用于计算数字
-
两边都是字符,触发字符的比较规则:逐位比较,得到结果,停止比较
-
= < <= == !=:都会将数据转成数值之后,再做比较
-
=== !==:没有转换数据,完全比较,比较值和类型
-
-
逻辑运算符:|| && ! 常用于计算布尔
- ||只要有一个为true就是true
- &&只要有一个为false就是false
- !取反
-
赋值运算符:= += -= *= /= %= 常用于变量赋值
-
一元运算符:++ – 常用于计算数字
四、数据类型的转换
- 隐式类型转换
- 不主动转,运算过程中,自动转
- 显示(强制)类型转换
- 主动转