WEEK 6 Day1 初步接触JS

WEEK 6 Day1 初步接触JS

一、js的书写

1. 写在哪
   • js写在哪
     • 内联（行内）：属性形式：事件触发
       • <input type="button" onclick="alert('hello world')" value="点我试试">
       • 不建议使用，结构和行为的分离，优化项目，便于管理
       • 为了测试方便
     • 内部：script双标签，包裹js代码

       <script>
           alert("没有人点，我也hello world")
       </script>
       

       • 不太建议内部，结构和行为的分离，非公共行为部分，简单行为，可以放在当前页面
         • 公共行为：好几个页面都要用到的行为，叫公共行为
         • 一般情况：
           • head标签内
           • body后：内部的最后；外边的最后；没有区别
           • script标签，放在不同的位置，执行顺序受到了影响。目前如果不是特殊要求，暂时将script标签写在body的后面
     • 外部（外联）：script双标签，通过src属性，引入js文件的路径
       • 创建js文件，再在html文件中使用script双标签，通过src属性，引入js文件的路径
       • script标签放在哪
         • 任何位置
         • 行业习惯：
           • head标签内
           • body后：内部的最后；外边的最后；没有区别
           • script标签，放在不同的位置，执行顺序受到了影响。目前如果不是特殊要求，暂时将script标签写在body的后面
         • 按需放置位置
     • 注意：错误写法

       <script src="./hello.js">
           alert("没有人点，我也hello world")
       </script>
       

       • 不允许在引入外部js的script标签内，写js代码，写了，也不会执行

二、javascript的组成

• ECMAScript：语法，规定，规则，法律，规定了，以什么样的格式，写代码

• BOM：浏览器对象模型，提供了浏览器的操作

• DOM：文档对象模型，提供了网页的操作

• 关系：ECMAScript规定了，写什么样的代码，在BOM中操作DOM

• 目前学习的大部分都是ECMAScript。

三、打印信息的方式

-打印： 将计算机的执行结果或数据，给用户呈现出来

• 打印到浏览器的弹出框，操作的是BOM对象，浏览器
  • alert()
• 打印到页面，操作的是DOM对象，页面
  • document.write()
• 打印到浏览器的控制台，操作的是BOM对象，浏览器（操作的V8引擎）
  • console.log()

四、js的注释

• 单行注释
  • // 单行注释
• 多行注释
  • /* 多行注释，可以换行 */

五、数据

1.概念

• 分门别类，记录信息的方式

2.数据的类型（常见的）

• 字符型(string)：必须加引号：单’’、双""、反``；任何数据，只要加了引号，就是字符！

• 数值型(number)：29

• undefined(undefined)：undefined，未赋值，不是未定义

• 布尔值(boolean)：true、false

• 对象(object)：标志是{}，并不是绝对的

• 函数(function)：标志是function，并不是绝对的

  • 不是数学中的函数，不用担心，跟数学一点关系都没有

• null(object)：null，不是空对象，空值，虚无

• 注意：

  • 描述，空的时候，除了null，其他都要加 类型
    • 空 字符：""
    • 空 对象：{}
    • 空 函数：function(){}
    • 空 数组：[]
    • null：null
    • undefined未赋值：undefined

3.如何检测数据类型

• 通过typeof关键字，检测数据类型

  • typeof 要检测的数据或变量
    • typeof 变量或数据
  • typeof(要检测的数据或变量)
    • typeof(变量或数据)
  • typeof的检测的结果的数据类型，必然是字符型数据
    • typeof typeof 变量或数据

  六、变量

• 当程序中，需要重复操作某些相同数据的时候，为了方便，可以将数据起个别名，通过这个别名，找到数据，使用，这个别名，就叫变量

• 语法

  • 通过var的关键字，声明
    • var a;
  • 通过赋值的方式，将数据，存到变量中：一个等号赋值
    • var a = “hello”;
  • 将等号右侧的数据，存在左侧的变量中（将等号右侧的数据，起了一个别名叫等号左边的单词）

• 关键字

  • 被ECMAScript定义了功能的单词

• 保留字

  • 暂时还没有被ECMAScript定义了功能，但是将来有可能被定义功能的单词

• 变量名的规则

  • 必须以 字母，_，$ 开头
  • 不允许出现 字母，_，$，数字 之外的内容
  • 不建议使用中文，有兼容，不仅浏览器有兼容，操作系统也会有兼容，在公司中，容易挨揍
  • 尽量语义化
    1. 词必达意
    2. 建议使用当前数据类型的首字母作为前缀
    3. 尽量使用驼峰式
       • 小：从第二个单词的首字母开始大写，常用
       • 大：从第一个单词的首字母开始大写，面向对象中，专用
  • 不允许使用关键字或保留字
    • 诀窍：如果担心是关键字或保留字，可以在单词前加前缀

• 注意

  • 变量名，千万别加，引号！！