js（入门） 变量、数据类型

橙子兄
84 阅读2分钟

JavaScript 变量 、数据类型

初步了解 （js） JavaScript

1. JavaScript (是什么？)

  • 是一种运行在 客户端（浏览器） 的编程语言，实现 人机交互动效果。

2.作用

  • 网页特效（监听用户的一些行为让网页做出对应的反馈）
  • 表单验证（针对表单数据的合法性进行判断）
  • 数据交互 （获取后台的数据， 渲染到前端）
  • 服务端编程（node.js）

1648227226991.png

3.JavaScript 的组成

  1. ECMAScript

    • ​ 规定了 js 基础语法核心知识. 比如： 变量、分支语句、循环语句、对象等等

  2. Web APIs

    • DOM 操作文档 ，比如对页面元素进行、大小、添加删除等操作
    • BOM 操作浏览器，比如页面弹幕，检测窗口宽度、存储数据到浏览器等
    • 注意 DOM 属于 BOM

分布图：

1648227933980.png

js 书写位置

1.内部 js 书写

  • 直接写再 html 文件里，用 script 标签包住
  • 规范 ：script 标签写在 < /body > 上面
<body>
    

    <script>
        alert('大聪明快乐学习');
    </script>
</body>

注意事项：

1648228561737.png

2.外部 js 书写

  1. 代码写在以js 结尾的文件里

  2. 语法：通过script标签， 引入到html 页面中。

  3. 注意事项

    • script标签中间无需写代码， 否则会被忽略！
    • 外部 js 会使代码更加有序， 更易于复用，且没有了脚本的混合，html 也会更加易读懂，因此这是个好的习惯
    
<body>
    
    <!-- 通过 src 引入外部 js 文件 -->
<script src="my.js"></script>
</body>

3.内联 js 书写

  1. 代码写在标签内部
  2. 注意：作为了解即可 ，不推荐，但是vue 中会看到这种使用模式
  3. 语法：如下
<button onclick="alert('你在想什么')">点我年薪百万</button>

js 注释

1.单行注释 ( 符号： // ) ctrl + /

2.多行注释 （符号：/* */ ） 默认快捷键 ： shift + alt +a

<body>
    <script>
        let age = null;
        console.log(age);

        // undefiend 表示没有赋值
        // null 表示赋值了 但是为空
        
        /* 对于我们初学者来说，
        只要发现 这个变量 是 undefined 或者 null => 变量 没有拿到合适的值即可 */
    </script>
</body>

js 结束符

  • 代表语句结束
  • 英文分号：
  • 写不写无所谓
  • 换行符 （回车键）会被识别为结束符，所以一个完整的语句，不要手动换行。
  • 后面会根据团队要求统一写于不写的

js输入输出语法

1.人和计算机打交道的规则约定

2.我们要按照这个规则区写

3.我们程序员需要操控计算机， 需要计算机能看懂

输出语法：

<body>

    <script>
        //获取用户的名称
        //里面的用来提示用户输入文字，获取的输入内容是 字符串
        username = prompt('请输入您的姓名');

        // 打印出来  用户的名称
        
        //页面输出   (向body内输出内容)
        // 输出的内容是标签，也会被解析成网页元素
         document.write(`username`);
        
        // 弹框输出 （页面弹出警告对话框）
        alert('username');
        
        //控制台输出 （给程序员调试用的）
        console.log('username');
    </script>
</body>
avatar
文章
阅读
粉丝