首页 > 编程语言 >【JavaScript用法】JavaScript(JS)的基本语法(JS数据类型,JS变量,JS运算符,JS流程控制语句)

【JavaScript用法】JavaScript(JS)的基本语法(JS数据类型,JS变量,JS运算符,JS流程控制语句)

时间:2023-05-24 19:31:47浏览次数:45  
标签:变量 JavaScript 数据类型 JS 运算符 类型


JavaScript(JS)的基本语法

目录

JavaScript(JS)的基本语法

一. 与html结合方式

二. 注释

三. 数据类型:

四. 变量

五. 运算符(和Java有点类似)

六. 流程控制语句(和JAVA 类似):

七. JS特殊语法:


一. 与html结合方式

            1. 内部JS:定义<script>,标签体内容就是js代码(可以理解为和html代码写在一起)
            2. 外部JS:定义<script>,通过src属性引入外部的js文件(单独定义的JS代码,没有和html代码写在一块)

            * 注意:
                1. <script>可以定义在html页面的任何地方。但是定义的位置会影响执行顺序。
                2. <script>可以定义多个。

二. 注释

            和Java语言一样
            1. 单行注释://注释内容
            2. 多行注释:/*注释内容*/

三. 数据类型:

            1. 原始数据类型(基本数据类型):(不知道原始数据类型也可以学好JavaScript)
                1. number:数字。 整数/小数/NaN(not a number 一个不是数字的数字类型)
                2. string:字符串。 字符串  "abc"、 "a" 、'abc'
                3. boolean: true和false
                4. null:一个对象为空的占位符
                5. undefined:未定义。如果一个变量没有给初始化值,则会被默认赋值为undefined
            2. 引用数据类型:对象

四. 变量

            1、变量:一小块存储数据的内存空间
            2、Java语言是强类型语言,而JavaScript是弱类型语言。
                * 强类型:在开辟变量存储空间时,定义了空间将来存储的数据的数据类型。只能存储固定类型的数据
                * 弱类型:在开辟变量存储空间时,不定义空间将来的存储数据类型,可以存放任意类型的数据。
            3、语法:
                * var 变量名 = 初始化值;
            4、typeof运算符:获取变量的类型。
                * 注:null运算后得到的是object

五. 运算符(和Java有点类似)

    1. 一元运算符:只有一个运算数的运算符
                分别有 ++、--、 +(正号)  
                1.1  ++ --: 自增(自减)
                    ++(--) 在前,先自增(自减),再运算
                    ++(--) 在后,先运算,再自增(自减)
                1.2 +(-):正负号
                1.3 注意:在JS中,如果运算数不是运算符所要求的类型,那么js引擎会自动的将运算数进行类型转换
                1.4 其他类型转number:
                        string转number:按照字面值转换。如果字面值不是数字,则转为NaN(不是数字的数字)
                        boolean转number:true转为1,false转为0
     2. 算数运算符
                +     -      *     /     %   ...

     3. 赋值运算符
                =     +=      -=  ....

      4. 比较运算符
                >      <       >=       <=       ==       ===(全等于)
                * 比较方式
                  1. 类型相同:直接比较
                      * 字符串:按照字典顺序比较。按位逐一比较,直到得出大小为止。
                  2. 类型不同:先进行类型转换,再比较
                      * ===:全等于。在比较之前,先判断类型,如果类型不一样,则直接返回false

      5. 逻辑运算符
                && (与)    ||(或)      !(非)
                * 其他类型转boolean:
                   1. number:0或NaN为假,其他为真
                   2. string:除了空字符串(""),其他都是true
                   3. null&undefined:都是false
                   4. 对象:所有对象都为true(这个地方很有用的,if(对象){   }这样写,感觉逼格很高)

      6. 三元运算符
                ?  :  表达式
                var a = 3;
                var b = 4;
        
                var c = a > b ? 1:0;
                * 语法:
                    * 表达式? 值1:值2;
                    * 判断表达式的值,如果是true则取值1,如果是false则取值2;

六. 流程控制语句(和JAVA 类似):

            1. if...else...
            2. switch:
                * 在java中,switch语句可以接受的数据类型: byte int shor char,枚举(1.5) ,String(1.7)
                    * switch(变量):
                        case 值:
                * 在JS中,switch语句可以接受任意的原始数据类型
            3. while
            4. do...while
            5. for

七. JS特殊语法:

            1. 语句以 ; (分号)结尾,如果一行只有一条语句则 ; 可以省略 (不建议)
            2. 变量的定义使用var关键字,也可以不使用
                * 用: 定义的变量是局部变量
                * 不用:定义的变量是全局变量(不建议)

以上就是JavaScript(JS)简单的基本语法,其他的可以自行上网搜索。。。。

标签:变量,JavaScript,数据类型,JS,运算符,类型
From: https://blog.51cto.com/u_16128050/6342775

相关文章

  • JQuery框架 -- JQuery怎么使用和各个版本的区别、JQuery对象和JS对象区别、JQuery选择
    目录一、概念:一个JavaScript框架。简化JS开发。二、快速入门三、JQuery对象和JS对象区别与转换四、选择器:筛选具有相似特征的元素(标签)4.1、基本操作学习4.2、选择器分类    1.基本选择器      2.层级选择器      3.属性选择器      4.过滤......
  • request.js学习
    importVuefrom'vue'importaxiosfrom'axios'importstorefrom'@/store'import{Modal,notification}from'ant-design-vue'import{VueAxios}from'../boot/axios'import{X_ACCESS_TOKEN,USER_NAME}f......
  • [JSOI2007]建筑抢修
    [JSOI2007]建筑抢修跟经典题poj1456非常像。首先如果两个都被选入那么截至时间T2小的放前面肯定更优,所以我们先按T2排序。然后逐个遍历建筑,建立一个维修时间为关键字的大根堆,如果前面花费的总时间+维修的时间小于当前的T2,直接加入。否则判断是否小于堆顶,如果小于堆顶则替换,因为......
  • Three.js教程:点、线、网格模型介绍
    推荐:将NSDT场景编辑器加入你的3D工具链其他系列工具:NSDT简石数字孪生点、线、网格模型介绍经过前面几章学习相信你对点模型Points、线模型Line、网格模型Mesh已经有了大致了解,本节课就对点、线、网格模型模型进行简单总结。点模型Points、线模型Line、网格网格模型Mesh都是由......
  • Nest.js + TypeOrm
    TypeORM集成$npminstall--save@nestjs/typeormtypeormmysql2/pg安装过程完成后,我们可以将TypeOrmModule导入到根目录中AppModule。import{Module}from'@nestjs/common';import{TypeOrmModule}from'@nestjs/typeorm';@Module({imports:[TypeOr......
  • 【算法学习前置】了解JS中的数组
    介绍此篇属于前端算法入门系列的第一篇,主要介绍常用的数组方法、字符串方法、遍历方法、高阶函数、正则表达式以及相关数学知识。文章主要包含以下内容:数组常用方法字符串常用方法常用遍历方法&高阶函数常用正则表达式数学知识一、数组常用方法push()在尾部追加,类似......
  • 【算法学习前置】了解js中的字符串
    二、字符串常用方法chat()返回指定索引位置处的字符。类似于数组用中括号获取相应下标位置的数据。conststr='abcdef'console.log(str.chat(2))//'c'console.log(srt[2])//'c'concat()类似数组的concat(),用来返回一个合并拼接两个或两个以上字符串。原字符串不......
  • 流程表单JavaScript代码
    ----订单流程-----------//表单加载初始化时functionpreinit(){}//表单加载完成,isrun代表流程是否流转中1-是,0-否functionLoaded(isrun){$("#om_order_status").attr("disabled","disabled");......
  • geojson格式数据
    可以通过一下地址验证https://geojson.io/#map=11.2/38.2756/116.7917一个面数据的情况,features是一个数组,geometry的type=Polygon表示一个面数据,可以存放多个面数据,以下就存放了一个面{"type":"FeatureCollection","features":[{"type":&quo......
  • javascript web api,bom&dom
    Api1.获取dom元素constx=document.querySelector('选择器')querySelectorAll返回的是伪数组2.操作元素内容对象.innerText对象.innerHTML会解析标签3.操作元素样式属性1.style<script>  constdiv=document.querySelector('.box')  box.style.width=......