JavaScript的基础语法

翻滚的牛角包

已于 2022-06-13 14:15:32 修改

阅读量149

点赞数

分类专栏：前端开发文章标签： javascript 前端 node.js

于 2022-06-09 08:42:38 首次发布

本文链接：https://blog.csdn.net/qq_37435395/article/details/125184529

版权

前端开发专栏收录该内容

2 篇文章 0 订阅

订阅专栏

浏览器如何执行JS
JS的组成
JS的初体验

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>JS初体验</title>

  <!-- 2.内嵌式的js -->
  <script>
    // alert('沙漠骆驼');
  </script>
  <!-- 3.外部js的写法 -->
  <script src="../web/js/my.js"></script>
</head>

<body>

  <!-- 1.行内式的js  直接写到元素内部-->
  <input type="button" value="唐伯虎" onclick="alert('秋香姐')">
</body>

JS的注释
JS的输入输出语句
变量是什么
变量的使用
变量的案例1

<script>
    var myname = '旗木卡卡西';
    var address = '火影村';
    var age = 30;
    var email = 'kakasi@itcast.com';
    var salary = 2000;
    console.log(myname);
    console.log(address);
    console.log(age);
    console.log(email);
    console.log(salary);
</script>

变量的案例2

请添加图片描述

<script>
    // 1.prompt--弹出一个输入框 2.定义一个变量收集用户输入的名字
    var user_name = prompt('请输入你的名字~');
    alert(user_name);
</script>

变量的语法扩展

请添加图片描述

变量的命名规范
案例3

请添加图片描述

<script>
    // 交换两个变量的值
    var a1 = 10;
    var a2 = 20;
    var temp;
    temp = a1;
    a1 = a2;
    a2 = temp;
    console.log(a2);
</script>

变量的数据类型

请添加图片描述

简单数据类型
数字型
数字型进制
数字型范围
数字型的三个特殊值
isNaN()
字符型
字符串引号嵌套
字符串转义符
字符串案例

<script>
    alert('this is a new world \n that in the moon \n "真美"');
</script>

字符串的长度
字符串的拼接
字符串拼接加强
案例

<script>
    var age = prompt('请输入年龄：');
    alert('您今年' + age + '岁啦');
</script>

undefined和null
布尔型
typeof–能够检测数据的数据类型
字面量
转换为字符串

<script>
    var num = 10;
    var str = num.toString();
    console.log(typeof str);
    console.log(typeof String(num));
    console.log(typeof (num + ''));
</script>

转换为数字型
计算年龄的案例

<script>
    var age = prompt('请输入您的出生年份：');
    var year = 2022;
    // 这个地方用到了隐式转换，age为字符型
    var str = '您的年龄为：' + (year - age) + '岁';
    alert(str);
</script>

简单加法器的案例

  <script>
    var num1 = prompt('请输入第一个数：');
    console.log(typeof parseInt(num1));
    var num2 = prompt('请输入第二个数：');
    var str = '和为：' + (parseInt(num1) + parseInt(num2));
    alert(str);
  </script>