JavaScript 基础第一天

时间:2021-07-24 15:03:07

一、前言

  如果将前端比喻成一人,那么Html就是这个人的骨骼脉络,CSS则是这个人的身上的装饰,JavaScript则是这个人的行为。作为一种脚本语言JavasSript具有着弱类型等特点。(在这里我们要有一个明显的认识JavasSript和Java是完全不同的两种语言,他们之前一毛钱关系都没有。之所以名字类似只是因为推广起来更加的容易)。

二、引入

  如果说想要在短时间被精通一门语言这是不可能的一个事情,所以在此只是罗列了一些学习当中的比较重要的一些点。如果你想要10天精通JavasSript,建议你还是去问问世界上有没有机械猫的记忆面包。

三、重点内容

  ㈠  Js的书写位置以及你以后用到的输出五句话

    Js的书写位置一共有两种一种是内联式,另一种是外联式

    ① 内联式JavaScript 基础第一天

    ② 外联式   在项目文件中创建一个JS文件然后再页面中导入就可以了(类比于css的导入)

    当然不可少的就是下面的五句话,也许这五句话可能充斥着你的整个Js代码中

         JavaScript 基础第一天

  ㈡ 变量的含义以及命名规则

    这里我想做一个比喻,变量就是是一张房卡它可以打开特定的房间从而存或取到我们想要的数据,而房间号就是内从中的地址。

    那么由于变量的名字是由我们自己及命名的所以他需要有一定的规范:

      ① 变量的命名必须是要以字幕或下划线“_”或者$开始的。

      ② 变量可以包括字幕、数字、下划线或者是$。

      ③ JavaScript严格区分字幕的大小写age和Age是两个不同的变量。

      ④ 建议在命名的时候要有意义,推荐使用的是驼峰命名法(即开始的第一个字母小写,第二个单词的首字母大写)。

      ⑤ 禁止使用JavaScript中的保留字,保留字如下图所示

                                  JavaScript 基础第一天

  ㈢ +运算符的理解

    + 加号运算:

      ① 数字+数字的时候  得到两个数字的和。

      ② 字符串 + 字符串  得到的结果是字符串相互拼接

      ③ 数字 + 字符串 得到的结果是字符串

  ㈣ 算术运算符

    + 加号运算:

      ① 数字+数字的时候  得到两个数字的和。

      ② 字符串 + 字符串  得到的结果是字符串相互拼接。

      ③ 数字 + 字符串 得到的结果是字符串。

    

    - 减号运算:

      ① 数字 - 数字   得到两个数字的差。

      ② 字符串 - 字符串(数字):

          ⅰ 以数字为内容的字符串相减 得到数字。

          ⅱ不以数字为内容的字符串相减    得到NaN。

    * 乘号运算:

      ① 数字 * 数字    得到两个数字的乘积。

      ② 字符串 * 字符串 :

          ⅰ 以数字为内容的字符串相乘 得到乘积。

          ⅱ不以数字为内容的字符串相乘    得到NaN。

     

    / 乘号运算:

      ① 数字 / 数字    得到两个数字的乘积。

      ② 字符串 / 字符串 :

          ⅰ 以数字为内容的字符串相除 得到商。

          ⅱ不以数字为内容的字符串相除    得到NaN。 

 

      %(取余  求模)

     就是得到余数

 

     () 提升计算的优先级

  

  ㈤  转义符   

    ① 格式:

      用双引号或者单引号包起来的都是字符串

    ② 转义字符

      \

      \'    单引号

      \"    双引号

      \\    反斜杠  

      \n     换行

      \r     回车

  ㈥ 符合赋值、关系运算符、逻辑运算符

    ① 赋值运算符

         // 复合赋值运算符
        var a = 100;
        // a = a+5;
      a+=5; // a = a+5;
       console.log(a);

 

      ② 关系运算符

      关系运算算符用来描述事物两者之间的关系

      >  <  >=  <=  ==   !=   ===   !==

    ③ 逻辑运算符

        &    两真才真,一假就假

         ||

         !=

 ㈦ 数据的类型转换 

    ①转化为数字类型

      ⅰNumber()函数

           var a = "123";
      var b = true;
      console.log(Number(a)); // 123
      console.log(Number(true)); // 1
      console.log(Number(null)); // 0
      console.log(Number(undefined)); // NaN
      console.log(Number("123.456")); // 123.456
      console.log(Number(" ")); //0

     

          a.如果转换的内容可以转成数字,那么就直接返回这个内容对应的数字。

          b.将整体进行转换,如果有一个不可以转换那么返回NaN.

          c.如果在内容中出现小数,那么小数会保留,也会输出小数。

          d.如果内容为空(null),那么转换成0;

       ⅱ 隐式转换  +    -   *    /   %   

       ⅲ 强制转换  使用外部的方法或是函数进行的数据转换

 

          Number()    parseInt()     parseFloat()

    ② 转化为字符串类型

       万物皆对象,JS中的对象几乎都有toString();  null,undefined是没有toString()方法,如果要强制转换的话,只能使用String();  能用toString()转换的对象,对String()都可以

       ⅰ 隐式类型转换   +“”  

       ⅱ 强制类型  toString()    String();

    ③  转化boolean类型

       ⅰ 隐式类型 !!

       ⅱ 强制类型       Boolean()

 

        数据类型转boolean的时候,为false的情况:0, “”,null,undefined,NaN, 这些转成boolean类型的时候都为false,其它的都为true;

    ④ NaN number类型

        NaN 是数字类型的一种,代表数字的一种不正常的状态,也就是说,本来可以转换成数字或是参与运算的变量,并没有转换过来,这个时候就报一个NaN,这样就避免了程序报错。NaN是非常特殊 的,特殊到凡是与NaN进行的运算,最终结果都是NaN,更特殊的是,NaN与谁都不相等,包括自己。isNaN() 用于判断非数字。

  ㈧ JS中的语言结构 

    ① 顺序结构  

    ② 分支结构     if      if-else  

    ③ 选择结构     if  else-if  else-if ...else    swicth-case

    ④ 循环结构     while  do-while   for    for-in

 

四、总结

  今天的内容看起来十分的琐碎以及复杂,所以在有限的时间里应该尽可能的去练习以提高自己的能力。没办法入门都是这样的。