4.20 js的基本语法规则

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. 尽量使用驼峰式

            – 小:从第二个单词的首字母开始大写,常用

            – 大:从第一个单词的首字母开始大写,面向对象中,专用

    – 不允许使用关键字或保留字

        – 诀窍:如果担心是关键字或保留字,可以在单词前加前缀

– 注意

    – 变量名,千万别加,引号!