学习日记【JavaScript】-2020/12/11

为了提升vue学习效果，对javascript进行了学习

教程地址：https://www.bilibili.com/video/BV1ux411d75J

目前进度：40p/190p

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>
            //三种基本输入输出语句
            //1.输入框
            prompt('请输入你的年龄');
            //2.警示框
            alert('输出的 展示给用户');
            //3.控制台输出
            console.log('控制台 程序员看的');
            
            //1.声明了一个age变量
            var age;
            //2.赋值
            age = 18;
            //3.输出结果
            console.log(age);
            //4.变量的初始化
            var myname = 'shirono';
            console.log(myname);
            
            var name = '旗木卡卡西';
            var address = '火影村';
            var age2 = 30;
            var email = 'kakaxi@itcast.cn';
            var gz = 2000;
            console.log(name);
            console.log(address);
            console.log(age);
            console.log(email);
            console.log(gz);
            
            var myname2 = prompt('请输入你的名字');
            alert(myname2);
        </script>
    </head>
    <body>
    </body>
</html>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>
            //1.检测获取字符串的长度 length
            var str = 'my name is Andy';
            console.log(str.length);
            //2.字符串的拼接 + 只要有字符串类型和其他类型拼接 最后结果一定是字符串
            //数值相加，字符相连
            console.log('sha' + 'bi' + 123);    
            console.log('12' + 12);
            var age = 18;
            console.log('我' + age + '岁');
            
            var age1 = prompt('请输入你的年龄');
            var al = '你今年已经' + age1 + '岁了';
            alert(al);
            
            //数字转字符串
            //1.把数字型转换为字符串型
            var num = 10;
            var str1 = num.toString();
            console.log(typeof str1);
            //2.利用String（变量）来强制转换
            console.log(String(num));
            //3.利用+拼接字符串的方法实现隐式转换
            console.log(num + '');
            
            //字符串转数字
            var age2 = prompt('请输入你的年龄');//prompt取得的数据是字符串型
            //1.parseInt(变量) 可以把 字符串型的数据转换为整数型
            console.log(parseInt(age2));
            console.log(parseInt('3.14'));//3 取整 舍去小数点后的数
            console.log(parseInt('120px')); //120 会舍去px这个单位 只保留数字
            console.log(parseInt('rem120px')); //NaN 因为第一位不是数字
            //2.parseFloat()  可以把 字符串型的数据转换为浮点型 得到小数
            console.log(parseFloat('3.14'));//3.14
            console.log(parseFloat('120px'));//120 会舍去px这个单位 只保留数字
            console.log(parseFloat('rem120px')); //NaN 因为第一位不是数字
            //3.利用Number（变量）强制转换
            var str2 = 123;
            console.log(Number(str2));
            console.log(Number('12'));
            //4.利用算术运算 - * / 隐式转换
            console.log('12' - 2); //10
            console.log('123'-'120'); //3
            console.log('123' * 1);//123
            
            //转换为布尔型
            //代表空、否定的值会被转换为false 如0、NaN、null、undifined
            //其余的值都为true
            console.log(Boolean('')); //false
            console.log(Boolean(0)); //false
            console.log(Boolean(NaN)); //false
            console.log(Boolean(null)); //false
            console.log(Boolean('小白')); //true
            console.log(Boolean(12)); //true
        </script>
    </head>
    <body>
    </body>
</html>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <!-- 计算年龄案例 -->
        <script type="text/javascript">
            // 用户输入-程序处理-输出结果
            // 计算年龄案例 
            var yearbirth = prompt('请输入您的出生年份');
            var date = new Date();
            var yearnow = date.getFullYear();
            console.log(yearnow);
            
            var age = yearnow - yearbirth; //yearbirth取过来是字符串型 但是用了减法 有隐式转换
            alert('您今年已经' + age + '岁了');
            
            // 简单加法器案例
            var num1 = prompt('请输入被加数');
            num1 = parseFloat(num1);
            console.log(typeof num1);
            
            var num2 = prompt('请输入加数');
            num2 = parseFloat(num2);
            console.log(typeof num2);
            
            var sum = num1 + num2;
            alert('两数相加的和为:' + sum);
            
            //课后作业
            var name = prompt('请输入你的姓名');
            var age1 = prompt('请输入您的年龄');
            var sex = prompt('请输入您的性别');
            alert('姓名：' + name + "\n" + '年龄：' + age1 + "\n" + '性别：' + sex);
        </script>
    </head>
    <body>
    </body>
</html>

 

posted @ 2020-12-11 16:50  Shimamura。  Views(88)  Comments(0)    收藏  举报