当前位置：首页 > news >正文

JavaScript基础-01（笔记）

news 来源：原创 2025/5/24 6:49:55

前期：js变量数据类型数据类型检测类型转换

数据类型

//// 基本数据类型  存放到栈// a.Number 数字类型(包含整数 小数)var num=1var num=1.23443var num=2222// NaN 非数字类型或者不能转为数字（例：'1',"1"，"123332"）var ob=NaNconsole.log(ob);console.log('dsddsd'-20)// 是否为NaN 如果是 那么就不是一个数字类型 // trueconsole.log(isNaN('aaadjisds'))// falseconsole.log(isNaN('1'))// b.String类型 单双引号都行 无字符类型var s1='xxxx'var s2='yyyy'console.log(s1);console.log(s2);console.log('xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx');// 转义字符 \n js会控制台自动回车var s3="1\n2";console.log(s3);// 输出\  第一个\转义字符 第二个表示转义目标 必须这样成对出现 识别完就不管了console.log('\\');// 输出两个\\console.log('\\\\');// 输出' console.log('\'');// 输出''console.log('\'\'');// 输出“console.log("\"");// 获取字符串长度console.log(s1.length);// 字符串拼接 + console.log(s1+s2+true);//  undefined 也是一种数据类型 也是一个值 开发层级var bconsole.log(b);//null 1.用在后端返回数据默认null  2.DOM选择不到标签var c=null  //  输出nullconsole.log(c);//  布尔 true, false: `0`、`NaN`、`''`、`""`、`undefined`、`null`、`false`、错误的判断表达式。var d=true;console.log(1<0);// 强制类型转化console.log(Boolean(0));// 一般字符串类型在控制台上输出的颜色一般为白色。布尔类型数字类型等为蓝色  null undifined为灰色// 引用数据类型 值放在堆里面// array 可以存各种数据类型 。开发尽可能保持数据类型一致var array=['xxx',null,undefined,1245544,true]console.log(array);// object {}表示一个对象 键值对 key-valuevar obj={name:"zs",age:13,far:"反"}console.log(obj);// 栈：拷贝和赋值都是单独独立的地址块 f值不会因e变量发生变化而改变var e=truevar f=econsole.log(f);e=falseconsole.log(f);// 堆：拷贝指向同一个地址(例：0xff001),copyStu因stu发生变化而跟着改变var stu={name:"xiaohong",age:12}var copyStu=stuconsole.log(copyStu);stu.name="xxxx"console.log(copyStu);//

数据类型转换

  // 转为stringvar num=1111;console.log(num.toString());// String()方法能将该括号里面的变为String类型  toString()方法做不到console.log(String(null));console.log(String(undefined));console.log(String(NaN));//转为Numbervar num2='1223'console.log(parseInt(num2));// 输出NaNconsole.log(parseInt(null));console.log(parseInt(false));// 以下方法能将该括号里面的变为Number类型(默认：false-0 true-1 null-0)   parseInt()方法做不到console.log(Number(null));console.log(Number(false));// 隐式转换 +-*/ 先将123转换为Number类型，然后计算console.log("123"*4);console.log("123"+4);console.log("123"-4);console.log("123"/4);// Boolean null-false 0-false  console.log(Boolean(null));//隐式转换 先将0转为boolean类型console.log(!0);

数据类型检测

   var a=123var b='123'var arr=[1,2,3,33,3]var obj={}// 如何告诉程序值的类型// 基础数据类型 小写 number type of 一般用于检测数字 布尔字符串console.log(typeof(a));console.log(typeof a ==="number" );// 引用数据类型 instance of +Array(数据类型开头大写)console.log(arr instanceof Array);

变量

      //变量（重点）：我们可以通过变量名去更改变量里面的值 js比较特殊，最终会存放到内存里（运行）// 声明变量的时候无需再声明数据类型 var 无需去定义// 什么值就是什么类型 最终执行是去到用户端的电脑，运行环境由客户端决定（脚本语言）//    数字类型var num=10//   随时能被更改 变成String类型num="ls"//   string类型var name="zs"// 声明var a=10// 默认值 undefined 也是一种数据类型var b

 //1弹窗 触发浏览器弹窗功能alert('请输入xxx')//2输入prompt("请输入密码")//3输出console.log();

补充：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><!-- 在头部写 引入的js 标签(规范)项目层级 保持单一性 --><script src="./../js/waibu.js"></script>
</head>
<body><!-- js也有三种书写的位置 --><!-- 1.行内 onclick事件属性 console.log(123)控制输出 几乎不用--><!-- <button onclick="console.log(123)">xxx</button> --></body>
<!--2.内部  无main入口函数 该标签就是一个入口-->
<script>console.log(12333333333333333);</script>
<!-- 3.外部 创建js文件夹 -->
</html>