javascript随笔

D1

一、认识JavaScript

1. JavaScript的起源

   • …

2. JS的组成

   • ECMAScript：语法规范
   • BOM：浏览器对象模型：window，也是js的顶层对象
     • alert(“hello”);
   • DOM：文档对象模型：document
     • document.write(“hello”);

3. 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标签

   • 引入方式的执行顺序：

     1. 内联，只能通过行为触发，触发就执行，不触发就不执行
     2. 内部和外部，先写的先执行
     3. script标签可以放在任何位置，但是一般放在body的最后 或 结束标签后，有可能会放在head的最后

4. js的打印语句

   • 呈现程序执行结果的方式
   • alert()
     • 以弹出框的形式展示信息
     • 阻塞程序的执行
     • 是BOM提供的方法
     • 会强行将打印的数据，转成字符显示
   • document.write()
     • 将信息打印到页面
     • 是DOM提供的方法
     • 会强行将打印的数据，转成字符显示
     • 如果在页面加载结束后执行，会覆盖整个页面内容
     • 可以一次打印多个数据
   • console.log()
     • 打印到控制台
     • 是ES提供，得到了浏览器支持
     • 不会对数据进行转换操作
     • 可以一次打印多个数据
   • 常用的是：console.log()

二、数据类型

1. 基本分类

   1. 字符(string)：只要被引号包裹的数据：单引号’’，双引号""，反引号：``
   2. 数值(number)：0123456789，NaN
   3. 布尔(boolean)：true，false
   4. 对象(object)：{键:值,键:值}
   5. 函数(function)：function(){}
   6. undefined(undefined)：undefined，定义了，但未赋值
   7. null(object)：空，空指向，只有一个指针，但是没有指向任何数据，会被typeof检测出object
   8. 数组(object)：[数据,数据]，会被typeof检测出object
   9. symbol(symbol)：类字符的数据 ***

2. 根据在内存中的存储形式分：

   • 基本类型：string，number，boolean，undefined，symbol，null
   • 复杂类型：object，function，array

3. 检测数据类型

   • 关键字：typeof 要检测的数据或变量
   • 函数：typeof(要检测的数据或变量)
   • typeof运算结束后的结果，以字符数据展示

   一、课堂更新资料

4. 安装git软件，安装到任意目录，安装成功之后，鼠标右键菜单有git bash的选项
   – 第一次 –

5. 在自定义位置创建新文件夹，打开这个新文件夹，在文件夹内部右键，选择git bash

6. git clone https://gitee.com/liyangyf/sh2013.git
   – 之后 –

7. 打开这个新文件夹，在文件夹内部右键，选择git bash

8. cd sh2013

9. git pull

10. 切记，不要在sh2013内做任何修改

二、js的变量

1. 变量是什么
   • 内存，是仓库
   • 向仓库中存数据，如果不加以整理和标记，非常不方便下次查找或使用
   • 给数据起个别名，或添加标志，别名就是变量名
2. 如何创建变量
   • 关键字：var
   • 格式：var 变量名
     • var a;
3. 如何赋值(存入数据)
   • =号，赋值的意思，将=号右侧的值，放入左侧的变量中
   • a = “hello”
4. 变量的命名规范
   • 只能使用 字母 或 _ 或 $ 开头
   • 尽量不要出现特殊字符
   • 尽量语义化，词必达意
   • 不能使用关键字或保留字（被系统作为功能名称使用）
     • 小技巧：加前缀就可以用了
   • 建议使用变量保存的数据类型的缩写做前缀
   • 建议如果使用组合单词，要采取驼峰式
     • 大驼峰：每个单词的首字母大写（构造函数）
     • 小驼峰：从第二个单词的首字母大写（常用基本变量）

三、运算符

0. 运算符：计算的是数据

1. 算术运算符：+ - * / % 常用于计算数字

   • -*/%：自动将数据进行数值类型的转换，运算结果是数值型数据
   • +：只要两边出现一个字符，就是字符串的拼接，而不是数字的相加，结果也是字符
   • Not a Number，类型是数值，不是一个数字的数值型数据，表示非法的数值运算

2. 关系运算符：> >= < <= == === != !== 常用于计算数字

   • 两边都是字符，触发字符的比较规则：逐位比较，得到结果，停止比较

   • = < <= == !=：都会将数据转成数值之后，再做比较

   • === !==：没有转换数据，完全比较，比较值和类型

3. 逻辑运算符：|| && ! 常用于计算布尔

   • ||只要有一个为true就是true
   • &&只要有一个为false就是false
   • !取反

4. 赋值运算符：= += -= *= /= %= 常用于变量赋值

5. 一元运算符：++ – 常用于计算数字

四、数据类型的转换

1. 隐式类型转换
   • 不主动转，运算过程中，自动转
2. 显示（强制）类型转换
   • 主动转