0
点赞
收藏
分享

微信扫一扫

JavaScript基础语法

杰森wang 2021-09-21 阅读 79

一、js的变量使用

用来储存数据的容器

var+名称=

1.如何去创建容器 关键字 var(variable:adj/n 多变的/变化的)

  var 变量名字

  2.储存数据  用一个符号 =

 var person = '传国';

  person = '如花' ;// 重新赋值

  alert(person);


  第一种创建方式

  var gf = '如花' 常用方式

引号引起来 单双引号都可以


    第二种创建方式

     var GF

     GF = '翠花'


  第三种创建方式

  var a,b

  a='狗蛋'

  b='狗剩'


  第四种创建方式

  var c = d = '二狗子'

  注意

        - 声明变量的时候用的是关键字var 在var的后面需要加一个空格再写变量名称

        - 声明变量的时候var是可以省略的,建议还是写上

        - 需要注意重新赋值的操作

        - 由于js没有那么严格规范,在每一句js语句结束后可以加分号也可以不加分号

    变量的总结:

        - 声明变量时候需要注意不要使用一些奇怪的符号 name1、_name

        - 赋值操作 左侧是变量 右侧是值 把右侧的值给到左侧的变量

        - 分号可加可不加


二、js的输出方式

 alert()

表示浏览器的弹窗 用户提示警告

例子:alert("你好世界~")

 document.write()                                                                                         

  可以在浏览器的显示区域显示文本

例子:document.write('<b>这是一段骚话~</b>') // 不仅可以输出文本 还可以输出标签

console.log() 重要

表示浏览器的日志

例子:console.log('这又是一段骚话')

confirm() 提示

例子:confirm('你确定要删除好友吗?')

prompt()

可以和用户交互的方式

例子:prompt('请输入您的银行卡密码')


三、js的数据分类

检测数据类型需要使用方法 typeof(检测的数据)

- number 数字类型(正数、负数、0)

var a = 1

  console.log(typeof a)

- string 字符串类型

只要加了引号的都是字符串

var b = '某某某'

  console.log(typeof b)

- undefined

未定义(只声明没有赋值)

var c

  console.log(typeof c)

- boolean

布尔类型(true和false)

var d = false

  console.log(typeof d)

- Object 

数组

var e = []

  - 对象

var f = {}

  - null 空

var g = null

  console.log(typeof e,typeof f,typeof g)

拓展:除了以上这些数据类型 还有以下

            - symbol(ES6)

            - bigint(ES10)

            - 数据类型可以分为基本数据类型和引用数据类型

四、转化为数字类型

常用:

1.将字符串类型转换为数字类型

            - 语法: Number(转换的数据)

            - 控制台中黑色的字体是字符串,转换为数字类型后字体显示为蓝色的

            - 如果引号里面是数字会转换为数字类型,如果引号里面是非数字 显示NaN(not a number)

  2.将数据转换为数字类型

            - 语法:parseInt(转换的数据)

            - 可以将字符串转换为数字类型并且取整

3.将数据转换为数字类型

            - 语法:parseFloat(转换的数据)

            - 将字符串转换为数字类型并且保留小数(浮点数)

4.将数据转换为数字类型

            - 语法:Math.round(转换的数据)

            - 将字符串转换为数字类型并且四舍五入(小数位后的第一位)

代码例

var a = 语法

  var a1 = 语法(a)

  console.log(a,a1)

  console.log(typeof a,typeof a1)

不常用

1.布尔类型转换为数字类型

            - Number()和Math.round()方法得到的是1(true)和0(false)

            - parseInt()和parseFloat()方法得到是NaN

2.将undefined转换成数字类型

            - 转换为数字类型没有道理 全是NaN

  3.将null转换为数字类型

            - Number()和Math.round()方法得到的是0

            - parseInt()和parseFloat()方法得到是NaN

转化为字符串

          - 方法1:String(转换的数据)

            - 方法2:转换的数据.toString()

        1.将数字类型转换为字符串类型

            - 两种方法都可以转换为字符串类型

        2.将布尔类型转换为字符串类型

            - 给布尔类型添加了引号变成字符串

        3.undefined转换为字符串类型

            - String()转换会变换成字符串的undefined

            - 转换的数据.toString()转换成字符串会报错

        4.将null转换为字符串类型

            - String()转换会变换成字符串的null字符串

            - 转换的数据.toString()转换成字符串会报错

var a = 其他类型语法

  console.log(String(a))


var d = 其他类型语法

   console.log(d.toString())

转化为布尔类型


            - 方法:Boolean(转换的数据)

        1.将数字类型转换为布尔类型

            - 非0都是true 0转换为false

        2.将字符串转换为布尔类型

            - 引号里面有字符的时候为true 没有字符为空的时候转换为false

        3.将undefined转换为布尔类型 false

        4.将null转换为布尔类型 false

var a = 其他类型语法

  console.log(Boolean(a))

五、数字运算

针对于数字类型进行计算

            + - * / %

          %( 求余数)

                - a > b 余数是除不尽剩下的数

                - a < b 余数就是a的本身

var a = 5

  var b = 6

  console.log(a+b)      // 9

  console.log(a-b)       // -3

  console.log(a*b)             // 18

  console.log(a/b)          // 0.5

  console.log(a%b)          // 5

注意:数学运算只针对于数字类型

          结果显示相当于数学运算

  特殊情况: +  字符串拼接

        - 如果是字符串的情况下 加号会是字符串拼接

        - 在加号的某一边是字符串,转换为字符串的拼接

少见情况:

undefined和null之间的使用

  var e

   var f = null

   console.log(e+f)      // NaN

六、赋值运算

  赋值运算符: = += -= *= /= %=                 

先相加后赋值

七、比较运算

比较运算符:得出的结果都是布尔值

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

            1.> 大于号

            2.< 小于号

            3.<= 小于等于

            4.>= 大于等于

            5.==  两个等号等于是否为对比

            6.=== 强等、恒等

            7.!= 不等于

注意: = == ===

        - 一个等号表示赋值

        - 两个等号表示比较值

        - 三个等号表示比较的是类型和值

八、逻辑运算

    逻辑运算符: && || ! (与或非)

            - && 并且  条件1&&条件2&&条件3...

// 传国身高必须要有180cm 并且 要有100w 才能娶到老婆

  var height = 150

  var money = 10

  var res1 = height>=180 && money>=1000000

  console.log(res1)

            - || 或者  条件1||条件2||条件3...

// 传国身高必须要有180cm 或者 要有100w 才能娶到老婆

  var height = 180

  var money = 10

  var res2 = height>=180 || money>=1000000

  console.log(res2)

            -!取反

//  传国很帅

  var CG = true

  console.log(!CG)

总结:

        逻辑运算符: && || !

            1.并且 串联 满足两个或者多个才会输出true   

                - true && false => false

                - true && true => true

                - false && false => false

                - false && true => false

            2.或者 并联 满足一个条件就可以输出true

                - true || false => true

                - true || true => true

                - false || false => false

                - false || true => true

            3.取反 !

                - true => false

                - false =>true

九、自增自减

别名:一元运算符

1.自增运算

            - ++变量

            - 变量++

2.自减运算

            - --变量

            - 变量--

        注意

            - 加号和减号在前在后是一样的

            - 当自增自减遇到了运算或者输出的时候是有区别的

                - 符号在前的先运算后输出

                - 符号在后的先输出再运算

举报

相关推荐

JavaScript 基础语法

JavaScript[基础语法]

JavaScript的基础语法

JavaScript基础语法(5)

JavaScript基础语法(2)

【JavaEE】_JavaScript基础语法

前端 - JavaScript(基础语法)

0 条评论