逆战班！js基础知识以及数据类型

Posted 2020-11-27 lanbai

## 1、javascript概念

###    1、什么是javascript

?      javascript简称 JS，是运行在 javascript 解释器的解释型脚本语言
?                  浏览器自带JS解释器

      编译型：运行之前先检查语法是否正确，不正确是不能运行的。比如：Java、C、C++、c#..
      解释型：运行之前不需要检查任何东西，碰到错误时，就会停止运行比如：javascript  php
    
      javascript解释器
      1、独立安装js解释器（Node.js软件）。
      2、浏览器也自带javascript解释器
      支持javascript的设备：PC/PHONE/PAD/机顶盒/手表...都支持javascript

###    2、javascript的组成：

?      核心语法：ECMAScript（ES3/ES5/ES6） - 内功心法
?      文档对象模型：Document Object Model（DOM） - 操作文档（html/CSS）
?      浏览器对象模型：Browser Object Model（BOM）- 操作浏览器，用的比较少

###    3、javascript的特点

?      1、代码可以容任何文本编辑工具编写
?      2、无需编译，解释型语言，由javascript解释器进行解释
?      3、弱类型语言：由数据 确定 数据类型
?           1    number
?          "1"    string

     强类型语言：是由数据类型 绝对 保存的数据是什么
      4、面向对象的脚本语言（基于对象） -  属性和方法

###    4、javascript的用途

?  1、客户端的javascript
?     1、客户端的数据的计算（购物车）
?     2、表单的验证（满足一些规则才允许你提交）
?     3、浏览器事件的触发和处理（点击、移入移除、滚动、键盘、鼠标）
?     4、网页特效
?     5、服务器端异步交互：ajax

 2、服务器端的javascript（Node.js）

###    5、js的使用方式

?      1、js可以直接在HTML中使用，不符合内容(HTML)与样式(CSS)与行为(JS)的分离的原则
?      2、工作中：
?     先建立一个js文件
?     然后在HTML中进行引入：

     <script src="xx.js">不要再在这里写代码</script>
----------------------------------------------------------------------------------

#####    1、JS调试

?      1、代码运行期间，如果碰到错误，解释器会将他终止，但是后续代码块会继续执行
?      2、如果程序逻辑出现错误
?     逻辑错误，并非语法错误，有可能不会报错
?     *通过 console.log(); //输出,调试
?     何时使用：如果没有报错，但是出现的最后结果不是你想要的，那么就打桩输出

#####    2、JS语法规范

?      1、语句
?     被javascript解释器所执行的代码，就是JS语句
?     由 表达式、关键字、运算符 组成
?     

     表达式：1+2;
     关键字：var;
     运算符：+ - * /
    
         语句是 严格区分大小写的
     console.log(); //对
     console.LOG(); //错误
    
      2、注释
     单行注释：//
     多行注释：/**/
    
      3、变量和常量 wwwh(what when why how)
     
     硬盘：存储数据、文件（外部存储器）
     CPU：中央处理器
     内存：是[临时保存]程序在运行过程当中，所需要用到的数据
           这是一段临时的数据
           内存空间：保存数据的一个地方
           内存地址：内存空间的门牌号，0x0000000000001ab2scaeq，如果地址过长的话
             可以给内存起一个别名，方便记忆
    
     1、什么是变量
        变量就是内存中的一段内存空间，主要目的就是为保存数据
        何时使用：以后只要反复使用的数据，都要保存起来
        变量就是值可以重新改变的量
    
         2、变量的声明（定义、创建）;
        通过 var 关键词声明
        语法：var 变量名;
          var name;
          var age;
          var gender;
    
     3、赋值：通过 = 完成对变量的赋值
        =：赋值符号
    
        语法：变量名=变量值; --> 赋值表达式
          var age;
          age=27;
          age=28;
    
     注意：如果之声明变量，没有赋值的话，会被自动赋值为undefined!
    
     问题：在程序中，声明5个变量，分别保存姓名，性别，年龄，身高，体重??
     var name;
     var gender;
     var age;
     var height;
     var weight;
    
     解决：通过 一条语句同时声明多个变量;
     语法：var 变量名1,变量名2,...;
           var name,age,height,gender,weight;
    
     注意：在声明变量时，是可以省略var的，但是绝对不建议这么写，有可能造成全局污染
           但是有时候确实会污染一下。
    
     4、变量名 命名规范
        1、不能使用JS的关键词和保留关键字进行命名
        2、具体的命名规范
           1、由字母、数字、下划线、以及$组成
          var name1;
          var name+;//错
          var name%;//错
           2、不能以数字开头
           3、尽量的见名只意
          var name;
          var age;
          var xingming; //尽量不要用
           4、可以采用下划线命名，驼峰命名法
          news_footer
          newsFooter
    
          user_name
          userName      
          
     5、声明变量时，可以直接赋值
        语法：var 变量名=变量值;
        初始化：声明变量后，第一次为变量赋值的过程，就叫做初始化
    
     6、变量的使用
        1、获取变量的值
           直接使用变量名
           1、打印 或 输出变量
          var age=26;
          console.log(age);
           注意：使用时，不能加""，不加""是对变量的值进行使用
    
         2、使用变量的值进行赋值;
        var age=26;
        newAge=age;
    
            注意：如果变量出现在 = 的右边，则为使用当前变量的值;
    
         3、未经初始化的变量
        变量在声明定义之后，没有进行赋值的操作，直接使用变量，值为undefined
        以后见到undefined，说明变量存在，只是没有赋值
    
         4、直接使用 未声明的变量
              语法报错！
    
         5、各个不同类型的变量的使用
        1、赋值为 数字（整数、小数）
           var age=26;
           var score=85.5;
        2、赋值为 字符串
           var str="" 或者 ‘‘括起来，注意一定要是英文状态下的符号
    总结：var name="代越";

   2、运算符
      1、算数运算符
     + - * / %
     +：如果两边的操作数都是数字的话，+做的就是两个数字的相加操作
        只要有一个是字符串的话，那么做的就是 连接 的操作

     var num1 = 15;
     var num2 = 18;
     var result=num1+num2;
     console.log(result);//33
    
     var name="张三丰";
     var age=93;
     var result=name+age;
     //var result="张三丰"+93;//"张三丰93";
    
     %：取余：取两个操作数运算结果的余数的
        俗称：模
    
         作用：
       1、获取某数字的最后n位
          1234%10 -- 4
          1234%100-- 34
    
       2、算奇偶数（或某数字的倍数）
          num%2：看结果，知道到底是奇数还是偶数

3、常量
 1、什么是常量
     在程序中，一旦被声明好，就不允许改变的数据

      2、什么时候使用常量
     一天 24 个小时
     一年 365/366 天
     圆周率：PI：3.1415926
    
3、如何声明常量
         语法：const 常量名=常量值;

练习：定义一个圆的半径，计算该圆的周长和面积
    周长：2*PI*r
    面积：PI*r*r
如何让用户输入：var r=prompt("提示文字","默认值");
如何将字符串变为数字：parseInt/Float(str);
-----------------------------------------------------------------------------------

2、数据类型
   数据类型不同能够做的操作就不一样
   数据类型决定的开辟内存的大小

   bit：位
   byte：字节
   kb：千字节
   mb：兆字节
   gb：
   tb：

   数据类型的分类
   1、原始类型的值
      1、number
      2、string
      3、boolean - 布尔：只有两个值true或false
      4、undefined - 只有一个值undefined
      5、null - 空，释放变量

   2、引用类型的对象（11个）
————————————————
版权声明：本文为CSDN博主「社会社会」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_42229667/article/details/105235234