码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-04-05 00:53:00      阅读:91      评论:0      收藏:0      [点我收藏+]

标签:浏览器   span   连接   协议   计算   鼠标   ash   释放   var   

## 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

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

标签:浏览器   span   连接   协议   计算   鼠标   ash   释放   var   

原文地址:https://www.cnblogs.com/lanbai/p/12635168.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!