JS基础知识

114 阅读1分钟

知识概括

ECMAScrip: 核心语法 变量 if语句 for循环 运算符等
DOM(Document Object Model) :文档 对象 类型 通过dom操作文档内容(html、css等)
BOM(Browser Object Model):浏览器 对象 模型 通过bom操作浏览器(url qianjin 后退 刷新 滚动条 等)

<script>

        console.log("hello word");//控制台打印

        alert("hello word");//浏览器出示警示框

        console.info("hello word");//控制台打印

        console.dir(window);//打印对象信息

        console.error("error");//打印报错信息


        document.write("书写内容");//在文档上书写

        // 字符串 : '' "" ``

        // +  连接
       if(confrim('输入内容')){
           console.log('删除成功')
       }

    </script>

数据类型

基本数据类型:⬇

    number 数值  Infinity 无穷大 -Infinity 负无穷大
    
    string 字符串

    boolean 布尔  true false

    undefined 未定义 有变量无值
    
    null 空值  对象

引用数据类型: ⬇
Object 对象
基本数据类型:⬇
symbol 唯一标识符

字面量打印

console.log(123); //打印数据  number 数值类型

console.log(1.23); // 浮点数 → number

\

// typeof() 检测类型

console.log(typeof(1.23));

\

// parseInt 将浮点数转换为number整数  将字符串转换为number

console.log(typeof parseInt('1.92'));

console.log('1') //string 字符串

\

//  NAN 非数字类型【number】

console.log(typeof parseInt('abcde'))


\

//Boolean() 将数据转换为布尔类型 强制转换 Boolean(0) false 其余true

// 布尔类型  true 真 false 假

// ! 反向 可以隐性转换

console.log(!NaN) //true

console.log(NaN) //false

console.log(!Boolean(NaN)) //true

console.log(!NaN, !0) //true  true

\

console.log(!undefined) //true  undefined  0 NaN false

\

console.log(!null) //true

console.log(!1) //false  

\

console.log(!0 + !1)

console.log(false + true) //1

    // undefined 需要转换才能转成0或1

console.log(undefined + 1) //NaN

console.log(!undefined + false) // 2

\

console.log(null + 1) //1

\

console.log(!'') //true

\

//强制性转换

console.log(parseInt('1a.abc')); //1

console.log(parseInt('a123.12')); //NaN

\

console.log(typeof parseFloat('1.234')); //将字符串转换为number类型

console.log(typeof Number('true')); //1  强制转换number

console.log(typeof Boolean(1)) //强制转换布尔

console.log(typeof String(true)); //string

/

console.log(NaN == NaN); //false

console.log(isNaN('abc')); //isNaN 检测是否非数字 /

console.log(3 / 0); //无穷大

console.log(-3 / 0); //负无穷大

/

console.log(0.1 + 0.2); //小数相加有误差 0.3000000000004

console.log(-1 > -2) //true