初见 js

127 阅读4分钟

风里雨里,js我在想你,今天我就和大家一同学习js的课程

第一部分,js的构成

1.js可以做什么? 答:可以更好的渲染页面

js 由 dom(文档对象模型)bom(浏览器对象模型) 以及ECMAScript(定义语法规范)组成

Dom doctument brower object model文档对象模型

主要用来操作dom节点的

dom节点:(就是dom元素)

dom元素 div span p 等等元素

比如轮播图切换,选项卡切换,返回顶部。

ECNAscript所有的js语法。

2.js的三种输出方式: alert()(弹窗输出)document.write(页面输出) console.log();(控制台输出)

3.js引入方式 1.外链式
1664961817458.jpg

2.内嵌式(一般在body 和header变迁的末尾 ) 可以写在页面的任意位置 image.png

3.行内式 注释:js 注释分为:单行注释和多行注释,快捷键ctrl + / 样式为 单行 // 多行/* */

第二部分 变量

1.什么是变量? 变量是程序中存储变量的一个容器 语法 关键字(var) + 变量名 给变量赋值

案例:var a = 10 我们现在就完成了一个变量的创建,存储, 赋值 定义变量名为 a , a 赋值为 10

变量可以声明多个,也可以一个变量赋值多次,注意:后面的值会覆盖掐前面的值,我们一般一个变量只赋值1次

2.变量命名的规则

(1)变量命名要以数字 字母 下划线组成 数字不能开头,

(2)不能用关键字命名,如 if else for var 等

(3)不能用保留字命名。

(4)遵守驼峰命名法

第三部分 数据类型,

1.js的数据类型包括:number型 string(字符串类型)null(空) undefined (未定义) boolear(布尔)

2.数据类型的转换

数字类型, 简而言之就是数字,代表数值,可与其他数据类型进行转换,(在做运算的时候存在隐式转换)

    //案例: var a = 1 
    var b = true
    var c = false
    var d = undefined
    var e = null
    var f = 3.1415926
    //console . log (Number(a)) // 1
    //var b = true  console . log (Number(b)) // 1
    //var c = false  console . log (Nuvarmber(c)) // 0
    //var d =  undefined  console . log (Number(d)) // NaN
    //var e =  null  console . log (Number(e)) // NaN
    //var f =  3.1415926  console . log (Number(f)) // 3.1415926
    // 数字类型与据类型进行转换,得到的结果为 number 和 NaN   
    //其中, NaN 是一个范围,是不是数字的数字
    //数字类型转换可以将 任何数据类型转化为 数字类型
     boolean(布尔)类型 只有两个值 一个是 true 一个是 false 
     转布尔值是false的数,0 null undefined NaN        
      parseInt 取整数, 忽略小数点后面的数
      var a = 200.6789
      console.log(parseInt(a));
      parseFloat将数字类型转化为浮点数
      案例var b = 100.1
      console.log(parseFloat(b));
     转字符串类型(string)
     将数据类型转为字符串类型(在进行运算时存在隐式转换)
     注意 该数据类型在加号旁边时会进行拼接
    //例子
    // var a = 10   var b = '10'
    //a + b 的值为 1010
    转化字符串数据类型的方法 to string()   string()
    to String()语法  变量 . to string()
    var a = 200
    var b = true
    var c = undefined
    //console.log(a .toString());
    //console.log(b .toString());
    //console.log(c .toString());//报错
    to String 不能检测 undefined null
    任何数据都可以用String 转化字符串类型
    语法String()
    console.log(String(a));
    console.log(String(b));
    console.log(String(c));



    判断数据的类型用type of(判断的数据)
    var a = NaN
    console.log(typeof(a));//结果为number类型
    var b = '123'
    console.log(typeof('123'));//结果为string类型
    is NaN的用法:语法 :isNaN(变量)判断结果是不是一个数字,返回true就不是一个数字,
    如果         返回false,则是一个数字
    

第四部分什么是运算符? * 也叫操作符,是 JS 中发起运算最简单的方式,例如: 5 + 6 * 表达式的组成包含操作数和操作符,表达式会得到一个结果,然后用结果参与程序 2运算符分类

  • 算数运算符( + / - / * / / / % )
    • 运算顺序与数学中的运算顺序一致,先乘除取余,后加减,有小括号先算小括号
  • 赋值运算符( = / += / -= / *= / /= / %= )
  • 比较运算符( > / < / >= / <= / == / === / != / !== )
    • 比较结果只会返回一个布尔类型值,true 或者 false
  • 逻辑运算符( && / || / ! )
  • 自增自减运算符( ++ / -- )