js基础知识(变量和运算符与表达式)

153 阅读3分钟

 1 js入门

JavaScript是运行在浏览器编程语言

js三要素:ECMAscript DOM BOM

js的书写位置(3种)

行内式

内联式

 

外链式

 js的两种注释方式

1  单行注释         //        快捷键  ctrl+/

2   块注释          /*   */    快捷键   shift+alt+a

js的输入与输出

// 1 弹出一个提示框
    alert('你好')
    // 控制台打印 
    console.log('请输入你的名字');
    // 在页面打印
    document.write('好好学习天天向上')

    // 弹出输入框
    prompt('你的名字是?')
    // 弹出一个确认框
    confirm('给我买好嘛?')

 js的结束符

  1. 分号;作用 : 结束符,代表一个语法书写结束。  
  2. 如果一行代码只有一个语句,则可以省略分号(js编译器会自动给你加)
  3. 开发中,一般保持代码风格统一。要么每一个语句都加分号,要么都不加

2 数据类型(基本数据类型5种 引用数据类型3种) 

1.为什么需要有数据类型?

            * 每一种编程语言都有自己的语法规则,在处理数据的时候,也会有自己的规则,不是任何数据都可以处理的。

        2.什么是数据类型?

            * js编译器在解析代码的时候,会产生各种不同的数据。 而不同的数据'运算'与'存储'方式都不同, 计算机需要对这些数据进行分类,称之为数据类型。

1.    string类型 : 字符串 一切以  单引号''  双引号""  反引号``包起来的内容

        作用 : 用于展示文本  

 2.  number类型 : 数值 一切数学中的数字

       作用 : 用于数学计算

3.   boolean类型    布尔 只有两个值 :  true(真)  false(假)

     作用 : 用于条件判断  true:条件成立  false:条件不成立 

4.   undefined : 未定义  只有一个值 undefined

5.   null : 空值  只有一个值 null

3 变量 

3.1   什么是变量?

变量是存储数据的容器。

3.2   变量的使用方式? 

  1.  声明变量
  2.  变量赋值
  3.  变量取值

注意(1.变量不允许重复声明的。2.变量重新赋值 : 先销毁旧值,然后存入新值)3.变量之间赋值 : 取出变量的数据拷贝一份,然后复制。

  3.3   变量命名的规则和规范? 

 1.规则 : 强制遵守,不遵守则程序报错

            1.1 变量名必须以: 字母、下划线_ 、符号开头,结尾可以是字母、下划线符号开头,结尾可以是字母、下划线_ 、符号、数字

            1.2 变量不能使用关键字作为变量名

2.规范 : 大家共同遵守的一种习惯。 不遵守,不报错。但是不规范

            2.1 变量取名要有意义,最好是英语名词

            2.2 多个单词使用驼峰命名法 : 第一个单词首字母小写,后面单词首字母大写

 3.4   常量?  

什么是常量,如何使用常量 

 值不可以修叫常量,   语法 :使用const声明

3.5    字面量 : 指的是一个固定的数据(字面量是数据)

 4 运算符与表达式

4.1 什么是运算符?  什么是表达式?

有运算作用的符号。           表达式 : 由运算符组成的式子 (重点: 任何表达式,都一定会有运算结果)

1 算术运算符     用于 数学算术运算

            + - * / %(求模运算,相当于取余数) 

 2.赋值运算符      =  +=  -=  *=  /=   %=

let num = 10
        num += 5
        console.log(num);

        let num1 = 10
        num1 /= 5
        console.log(num1);
        let num2 = 10
        num2 %= 5
        console.log(num2);

3.自增自减运算符 

自增运算符 ++            自增表达式:   num++

自减运算符 ++            自减表达式:   num--

 4 连接符

推荐方式: 使用模板字符串 ``

作用: 拼接字符串 ${ 变量名 }

let name = prompt('请输入你的名字')
      let age = prompt('请输入你的年纪')

      //1.错误方式 : 此时name和age都是字符串的一部分,无法取值
     

      //2.正确方式: 使用连接符 +
      // +号 : 只要遇到字符串,就是连接符
      console.log('大家好,我的名字叫:' + name + '我的年龄是:' + age)

      //3.推荐方式: 使用模板字符串 `` 
      //作用: 拼接字符串 ${ 变量名 }
    console.log(`大家好,我的名字叫:${name} ,我的年龄是:${age}`)

 5.关系运算符

1.关系运算符作用 : 比较两个数据的关系

            >  >=  <  <=  ==(相等)  !=(不等)  ===(全等)  !==(不全等)

  2.关系表达式 : 由关系运算符组成的式子   例如: 2 > 1

        重点: 关系表达式的运算结果一定是布尔类型 : true成立  false不成立

 重点:(   =号注意点

      = : 赋值运算符   右边数据存入左边容器

      == : 相等运算  只比较值,不比较数据类型

      === : 全等运算  既比较值,也比较数据类型

      ==(相等) !=(不等) 结果一定是相反的)

 6. 逻辑运算符

逻辑运算符只有三种

            * && :逻辑与 ,读作并且     (一假全假)

            * || :逻辑或,读作或者         (一真全真)

            * !  :逻辑非,读作取反     * true(真)变false(假),false(假)变true(真)

 语法: 表达式1 逻辑运算符 表达式2

 4.2 运算符的优先级