【JavaScript学习笔记】

最新推荐文章于 2024-06-15 20:20:31 发布

kk_柠七

最新推荐文章于 2024-06-15 20:20:31 发布

阅读量258

点赞数

分类专栏：初学 javascript 文章标签：前端 javascript

本文链接：https://blog.csdn.net/m0_62663276/article/details/126587347

版权

初学同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

javascript

1 篇文章 0 订阅

订阅专栏

一、初识javaScript

 <script>
//    2.内嵌式的js
    
        alert('沙漠骆驼');
    </script>
        <!-- 3.外部js script 双标签 -->
    <script src="my.js">    
    </script>
</head>
<body>
    <!-- 1.内行式的js 直接写到元素的内部 -->
    <!-- <input type='button' value='唐伯虎' onclick="alert('秋香姐')"> -->
</body>

<script>
    // 这是一个输入框
    prompt('请输入你的年龄');
    //弹出警示框 输出的 展示给用户的
    alert('计算的结果是');
    //console 控制台输出 给程序员测试用的
    console.log('我是程序员能看到的 ');
</script>

<script>
        var app =10;
        var App =100;
        console.log(app);
        console.log(App);
        //var 18age(错的)
        // 变量命名不能是关键字、保留字
        //var var; 因为var 有特殊意义了，这个叫做关键字 不能作为变量名的 for while if
        //name 我们尽量不要直接使用name 作为变量名（name有特殊意义）
        //console.log(tel);
        console.log(name);
        
    </script>

2.简单数据类型

2.2 数字型 Number

  <script>
        var num =10; //num 数字型
        var PI =3.14; //PI数字型
        // 1.八进制  0~7 我们程序里面数字前面加0 表示八进制
        var num1 =010;
        console.log(num1);//010 八进制 转换为 10进制 就是 8
        var num2= 012;
        console.log(num2);//10
        //2. 十六进制 0 ~9 a ~f 数字的前面加0x 表示十六进制
        var num3 =0x9;
        console.log(num3);//9
        var num4 =0xa;
        console.log(num4);//10
        //3. 数字型 的最大值
        console.log(Number.MAX_VALUE);//1.7976931348623157e+308
        //4.数字型的最小值
        console.log(Number.MIN_VALUE);//5e-324
        //5.无穷大
        console.log(Number.MAX_VALUE*2); //Infinity 无穷大
          //5.无穷小
          console.log(-Number.MAX_VALUE*2); //-Infinity 无穷大
          //7.非数字
          console.log('pink'-100); //NaN
    </script>

4. isNaN()

用来判断一个变量是否为非数字的类型

 <script>
        //  isNaN() 这个发放用来判断非数字  并且返回一个值 
        //    如果是数字返回的是false  如果 不是 数字返回的是true
        console.log(isNaN(12));//false
        console.log(isNaN('pink老师'));//true
   </script>

<script>
        var str ='我是一个"高富帅"的程序员';
        console.log(str);
        //字符串转义字符 都是用 \ 开头 但是这些转移字符写到引号里面   \n 换行
        var str1 ="我是一个'高富帅'的\n程序员"
        console.log(str1);
    </script>

 <script>
        //1. 检测获取字符串的长度 length
        var str ='my name is andy';
        console.log(str.length);//15
        //2. 字符串的拼接 + 只要有字符串和其他类型相拼接 最终的结果是字符串类型
        console.log('沙漠'+'骆驼');//字符串的 沙漠骆驼
        console.log('pink老师'+18);//pink老师18
        console.log('pink'+true);//pinktrue
        console.log(12+12);//24
        console.log('12'+12);//1212
    </script>

5.字符串拼接加强

<script>
        console.log('pink老师'+18);//pink老师18
        console.log('pink老师'+18+'岁');
        var age=18;
        console.log('pink老师age岁');
        //我们变量不要写到字符串里面，是通过 '' 和 + 字符串相连的法式实现的
        console.log('pink老师'+age+'岁');
    </script>

2.5布尔型 Boolean

<script>
        var flag =true;//flag 布尔型
        var flag1 =false;//flag1 布尔型
        console.log(flag+1);          //true 参与加法运算当1来看
        console.log(flag1+1);          //false 参与加法运算当0来看
        //如果一个变量未赋值 就是undefined 未定义数据类型
        var str;
        console.log(str);
        var variable=undefined;
        console.log(variable+'pink');//undefinedpink
        console.log(variable+1);//NaN  undefined 和数字相加 最后的结果是 NaN
        //null 空值
        var space =null;
        console.log(space+'pink');//nullpink
        console.log(space+1);//1
    </script>

3.获取变量数据类型

   <script>
        //typeof 获取变量数据类型
        var num =10;
        console.log(typeof num);//number
        var str ='pink';
        console.log(typeof str);//string
        var flag =true;
        console.log(typeof flag);//boolean
        var vari =undefined;
        console.log(typeof vari);//undefined
        var timer =null;
        console.log(typeof timer);//object
        //prompt 取过来的值是 字符型的
        var age =prompt('请输入您的年龄');
        console.log(age);
        console.log(typeof age);
    </script>

 <script>
        //通过字体颜色判断数据类型
        console.log(18);//浅蓝
        console.log('18');//黑
        console.log(true);//深蓝
        console.log(undefined);//灰
        console.log(null); //灰
    </script>

4.数据类型转换

<script>
        //1.把数字型转换为字符串型    变量.toString()
        var num =10;
        var str =num.toString();
        console.log(str);
        console.log(typeof str);
        //2.我们利用 String(变量)
        console.log(String(num));
        //3.利用+拼接字符型的方法实现转换效果   隐式转换
        console.log(num+'');
        console.log(typeof num);
    </script>

 <script>
        // var age =prompt('请输入您的年龄');
        //1.parsseInt(变量) 可以把 字符型的转换位数字型 得到是整数
        // console.log(parseInt(age));
        console.log(parseInt('3.14'));// 3 取整
        console.log(parseInt('3.94'));// 3 取整
        console.log(parseInt('120px'));// 120 会去掉这个px单位
        console.log(parseInt('ggg120px'));//NaN
        //2.parsseFloat(变量) 可以把 字符型的转换位数字型 得到是小数 浮点数
        console.log(parseFloat('3.14'));// 3.14
        console.log(parseFloat('120px'));// 120 会去掉这个px单位
        console.log(parseFloat('ggg120px'));//NaN
        //3.利用Number(变量)
        var str ='123';
        console.log(Number(str));
        console.log(Number('12'));
        //4.利用了算数运算 - * /  隐式转换
        console.log('12'-0);//12
        console.log('123'-120); // 3
        console.log('123'*1); // 123
    </script>