4.20 js的基本语法规则

Posted 2021-02-28 上帝是女孩23333

JS的语法基础：
一：js的书写
1.内联（行内）：属性形式：事件触发
<input type="button" onclick="alert(‘hello world‘)" value="点我">`
             不建议使用，结构和行为的分离，优化项目，便于管理
             为了测试方便
2.内部：script双标签，包裹js代码
            html
            <script>
                alert("hello world")
            </script>
      
             不太建议内部，结构和行为的分离，非公共行为部分，简单行为，可以放在当前页面
               
             script标签可以放在任何位置
                行业习惯：
                    head标签内
                    body后：内部的最后；外边的最后；没有区别
                    script标签，放在不同的位置，执行顺序受到了影响。目前如果不是特殊要求，暂时将script标签写在body的后面
3.外部（外联）：script双标签，通过**src**属性，引入js文件的路径
             创建js文件，再在html文件中使用script双标签，通过**src**属性，引入js文件的路径

二：javascript的组成
ECMAScript：语法，规定，规则，法律，规定了，以什么样的格式，写代码
BOM：浏览器对象模型，提供了浏览器的操作
DOM：文档对象模型，提供了网页的操作
关系：ECMAScript规定了，写什么样的代码，在BOM中操作DOM
 

三：打印信息的方式
什么叫打印信息，不是输出信息，是**打印**：
    - 将计算机的执行结果或数据，给用户呈现出来
打印到浏览器的弹出框，操作的是BOM对象，浏览器
    - `alert()`打印到页面，操作的是DOM对象，页面
    - `document.write()`
打印到浏览器的控制台，操作的是BOM对象，浏览器（操作的V8引擎）
    - `console.log()`           

四：数据的类型（常见的）
字符型(string)：必须加引号：单‘‘、双""、反``；任何数据，只要加了引号，就是字符！！！
数值型(number)：29
布尔值(boolean)：true、false
对象(object)：标志是{}，并不是绝对的
函数(function)：标志是function，并不是绝对的
undefined(undefined)：undefined，存在但是未赋值，不是未定义
空：null。空的，不存在的
 
- 注意：
    - 描述，空的时候，除了null，其他都要加 类型
        - 空 字符：""
        - 空 对象：{}
        - 空 函数：function(){}
        - 空 数组：[]
        - null：null
        - undefined未赋值：undefined

# 3.如何检测数据类型
通过typeof关键字，检测数据类型
    typeof的检测的结果的数据类型，必然是字符型数据

 

五：变量名的规则
    - 必须以 `字母，_，$` 开头
    - 不允许出现 `字母，_，$，数字` 之外的内容
  
    - 尽量语义化
        1. 词必达意
        2. 建议使用当前数据类型的首字母作为前缀
        3. 尽量使用驼峰式
            - 小：从第二个单词的首字母开始大写，常用
            - 大：从第一个单词的首字母开始大写，面向对象中，专用
    - 不允许使用关键字或保留字
        - 诀窍：如果担心是关键字或保留字，可以在单词前加前缀
- 注意
    - 变量名，千万别加，引号！