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

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

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

时间: 2024-10-10 06:26:30

逆战班!js基础知识以及数据类型的相关文章

JS基础知识回顾:ECMAScript的语法(一)

任何语言的核心都必然会描述这门语言最基本的工作原理,而描述的内容通常都要涉及这门语言的语法.操作符.数据类型.内置功能等用于构建复杂解决方案的基本概念. ECMAScript中的一切变量.函数名.操作符都区分大小写. ECMAScript的标识符要符合下列规则:第一个字符必须是字母.下划线或美元符号:其他字符可以是字母.下划线.美元符号或数字. 标识符中的字母也可以包含扩展的ASCII或Unicode字母字符,但是并不推荐. 按照惯例,ECMAScript标识符采用驼峰大小写的格式来书写,尽管没

JS基础知识回顾:变量、作用域和内存问题

ECMAScript变量可能包含两种不同数据类型的值:基本类型值和引用类型值. 基本类型值指的是简单的数据段,而引用类型值指的是那些可能由多个值构成的对象. 引用类型的值是保存在内存中的对象,与其他语言不同,JavaScript不允许直接访问内存中的位置,也就是说不能直接操作对象的内存空间. 在操作对象时,实际上是在操作对象的引用而不是实际的对象. 在很多语言中,字符串以对象的形式来表示,因此被认为是引用类型的,ECMAScript放弃了这一传统. 定义基本类型值和引用类型值的方式是类似的:创建

Js基础知识梳理系列

小序:总是感觉自己的技术一直在原地踏步,想学习一些新的技术,但学起来很吃力,而且总是没有什么实际的收获,似乎进入了所谓的“瓶颈期”.问了一些前辈是否也遇到过同样的问题,他们给我的解决方案是,基础不稳固,再把基础巩固一下.然后学起新的技术会轻松一点点.也是,反思自己曾经走马观花式的学习,确实有很多细腻的技术点没有接触到,所以,我还没有做到大神眼里的“精”.抱着这样的目的,再次翻开<JavaScript高级编程设计>,我将按照着书上的内容和顺序,系统化的学习这本书中的知识.并且在学习的过程中会结合

JS基础知识回顾:ECMAScript的语法(三)

ECMA-262描述了一组用于操作数据值的操作符,包括算术操作符.位操作符.关系操作符和相等操作符. ECMAScript操作符的与众不同之处在于,他们能够适用于很多值,例如字符串.数字值.布尔值.甚至是对象. 在将这些操作符应用于对象时,相应的操作符通常都会调用对象的valueOf()和(或)toString()方法,以便取得可以操作的值. 只能操作一个值的操作符叫做一元操作符. 递增和递减操作符直接借鉴自C,各有前置型和后置型两个版本:a++.++a.a--.--a 这四种操作符不仅适用于整

javascript 基础知识1 数据类型

首先javascript是一种具有面向对象能力的,解释型程序设计语言. js对大小写敏感,一定要采取一致的字符大小写形式,在js中的结束分号(:)是可选的,为了避免JS语句错误,我们还是要注意添加,养成良好的编写习惯. 下面看看数据类型和值. JS有7种数据类型:字符串.数字.布尔.数组.对象.Null.Undefined 字符串类型:由Unicode字符,数字,标点符号组成的序列,可以为多个字符,也可以为0个字符. 1 <script> 2 // var用于声明一个变量 3 var stri

JS基础知识回顾:ECMAScript的语法(二)

ECMAScript中有五种简单数据类型(也称为基本数据类型):Undefined.Null.Boolean.Number.String ECMAScript还有一种复杂数据类型——Object,Object本质上是由一组无序的名值对组成的. ECMAScript不支持任何创建自定义类型的机制,而所有值最终都将是上述六种数据类型之一,由于ECMAScript的数据类型具有动态性,因此的确没有再定义其他数据类型的必要了. 监狱ECMAScript是松散类型的,因此需要有一种手段来检测给定变量的数据

JS基础知识大全

JS基础知识 基本语法*switch循环(设置表达式 x(通常是一个变量) 随后表达式的值会与结构中的每个 case 的值做比较.如果存在匹配,则与该 case 关联的代码块会被执行.请使用 break 来阻止代码自动地向下一个 case 运行) 不进行类型转换 var x; switch(x){ case true:console.log("x类型转换") ; default:console.log("x没有发生类型转换"); }//case没有发生类型转换 sw

JS基础知识回顾:引用类型(一)

在ECMAScript中引用类型是一种数据结构,用于将数据和功能组织在一起,而对象时引用类型的一个实例. 尽管ECMAScript从技术上讲是一门面向对象的语言,但它不具备传统的面向对象语言所支持的类和接口等基本结构,所以虽然说引用类型与类看起来想死,但他们并不是相同的概念. 不过引用类型有的时候也可以被称为对象定义,因为他们描述的是一类对象所具有的属性和方法. 新对象是使用new操作符后跟一个构造函数来实现的,构造函数本身就是一个函数,只不过该函数时处于创建新对象的目的而定义的. ECMASc

NodeJs&gt;-------&gt;&gt;第三章:Node.js基础知识

第三章:Node.js基础知识 一:Node.js中的控制台 1:console.log.console.info  方法 1 console.log("this is a test string."); 1 node app1.js 1> info.log 1 console.log("This is a test String ."); 2 3 //从第二个参数开始,依序输出所有的字符串 4 console.log("%s","