JavaScript----入门(第一天学)

经过一个月的学习,终于到了学 JavaScript 的时候啦!
今天我们讲的是JavaScript的一些基础知识。分别是

 1. JavaScript 的三种基本语法形式
     行内式 、 内部式 、 外部式
 2. JavaScript 的变量
    变量的定义 、 变量名称的命名规范
 3. JavaScript 的数据类型
     布尔类型 、 数值类型 、 字符串类型 undefined null

接下来我们来细说一下它们的详细信息!

1. JavaScript 的三种基本语法形式

行内式 
    在 标签中 直接定义 JavaScript的 代码内容(这种语法不推荐使用)

例:JavaScript的行内式,也是在标签内部直接定义JavaScript代码
    <div οnclick="alert('我是div标签的弹窗')">我是div标签</div>

跟我们之前学过的css样式类似,但是不用加 script ,可以直接写

 内部式

在script标签中,直接定义JavaScript代码。在 script 标签中,直接定义JavaScript代码(跟 css 的内部样式基本一样,注意:我们的要使用JavaScript,必须给标签设置 id 选择器,class不行(后面讲))

例:JavaScript的内部式,在 head标签的最后,或者body标签的最后(推荐写在body的最后),来定义一个script标签,在标签内部来定义JavaScript代码
<p id="p1">我是p标签</p>


   外联式

    

      在 外部 js 文件中 (也就是扩展名是 js的文件)

      直接定义 JavaScript代码

       通过一个 带有 src 属性的 script标签,来导入

 例:<!-- JavaScript的外部式,是通过一个带有 src 属性的script标签,来导入外部的js文件 -->
    <script src="./02_demo.js"></script>

特别注意:

               1, 行内式,不推荐使用的 

                    书写不方便,而且不利于重复使用

                    一般做调试使用      

                2, 内部式和外部式,都是通过script标签来定义的

                   script标签,理论上,可以写在任意位置,但是一般放在 body内部的最下方

                   也就是所有的html标签的内容的最后

                   因为牵扯到 代码的执行顺序

                3, 定义了src的script,其标签内容中,定义的JavaScript程序,就不会执行了

                   给一个script标签,添加src属性,就变成导入外部式的script,script标签内部的JavaScript代码就不会执  行只会执行外部js                    文件中的内容

 2. JavaScript 的变量

  1. 变量的定义

    官方定义: 存储在内存之中的,带有名称的,数据信息,其中存储的数据,在执行过程中,是可以改变的

    实际上 就是容器 , 存储数据的容器

    所有的计算机程序,数据都会存储咋变量中,通过操作变量,来操作数据

     2. 变量定义的语法形式

     3. 变量名称的命名规范

        

        (1),规则 必须遵守的

        变量名称的内容,只能是数字,字母(大小写都可以),下划线 _  ,美元符号 $

        不能以数字开头 一般是以字母或者下划线开头

        严格区分大小写

         不要使用保留词和关键词

         (2),规范 建议遵守的 --- 程序员的潜规则

         不要使用中文

         见名知意 -- 看见变量名称,就知道存储的是什么数据

         驼峰命名法 -- 多个单词组成的变量名称,每个单词的首字符大写

                      UserName  UserPwd 

         小驼峰 -- 第二个单词开始,首字符大写

                   userName  userPwd

         英文太差的,查有道词典

         再不行,偶尔可以使用拼音

         但是绝对不能使用 拼音缩写

3. JavaScript的数据类型

基本数据类型 / 标准数据类型

                布尔类型 , 数值类型 , 字符串类型 , undefined , null

引用数据类型 / 复杂数据类型 / 地址数据类型

                数组 ,  对象 ,  函数

 

    1. 布尔类型(注意:大小写敏感)

                   表示比较判断的结果

                   true表示真/正确,false表示假/错误

                   在使用时,一定要小写

    2. 字符串类型

               所谓的字符串类型,就是由字符,数字,符号等,组成的一串数据类型;JavaScript中 使用 String / str 表示字符串类型; 字符串类型 的数据,必须使用 单引号 或者 双引号 来已经包裹; 在JavaScript中,单引号,双引号,没有区别,用那个都行; 但是必须成对使用; 必须是英文格式的符号 。

// 特殊情况1: 如果一个数字,也被 引号包裹,那么这个数字,也是字符串类型
        var b = 123;    // 变量b中存储的是 数值 123
        var c = "123";  // 变量c中存储的是 字符串 123
        console.log(b,c);

        // 特殊情况2: 引号的嵌套 : 双引号中只能嵌套,单引号,不能嵌套双引号
        //                       单引号中只能嵌套,双引号,不能嵌套单引号

     3. 数值类型

                JavaScript中,数值类型包括:

                     整数 , 小数 , NaN   3种数值形式

         浮点数 , 也就是小数  float 

    (1)有效数字 / 有效数值

        在数学中,小数的小数位数,可以是无穷位

        在JavaScript中,对于浮点数的总位数有规定

         一个浮点数,有效数字/有效数值,最多 17 位

         所谓的有效数字,值得是,左起,非零的数值

         整数部分,小数部分,一共是17位

         直接截取有效部分,而不是四舍五入

    (2)浮点数的误差 --- 浮点数的 精度丢失 / 精度溢出

          在计算机程序中,浮点数的存储,存储内容,不是准确值,而是近似值

          在计算机中,就会造成浮点数执行时,计算的误差,也称作精度丢失/精度溢出

          但是这种情况不是任何时候都会体现出来

          这样的错误,在特殊情况下会体现出来

  解决方案,是用高精度浮点来执行计算 float类型 转 double 类型

      4.  undefined , null

           是JavaScript中的两种数据类型:1. undefined 表示没有数值 --- 应该有数值,但是现在没有数值; 2.null      表示数值为空 --- 表示有数值,但是数值是"空";

 总结

1.在JavaScript中,表示的是一种数值;

2.赋值时,必须严格遵守 大小写规范;

3.并且,不能带 引号 , 如果有引号,就是字符串,就不是原有的数值了。

 

这就是今天的所学啦!学习JavaScript 的第一天。

有什么问题欢迎在评论区留言,让我们共同进步!!!

 

  

 

 

发布了10 篇原创文章 · 获赞 11 · 访问量 448

猜你喜欢

转载自blog.csdn.net/Anber_wang/article/details/104763143