JavaScript基础学习笔记01——变量、数据类型

visionchyw

已于 2022-06-22 16:30:56 修改

阅读量397

点赞数 1

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

于 2022-06-20 16:45:54 首次发布

本文链接：https://blog.csdn.net/visionchyw/article/details/125366835

版权

本文是JavaScript基础学习笔记的第一部分，主要讲解JavaScript的基础知识，包括JavaScript的介绍、书写位置、注释方式、结束符、输入输出语法、字面量、变量的声明、赋值、类型以及数据类型的基本概念，如number、string、boolean、undefined和null。此外，还探讨了变量的命名规则、let和var的区别以及数组的声明和取值。

摘要由CSDN通过智能技术生成

JavaScript介绍

JavaScript 是什么

JavaScript是一种运行在客户端（浏览器） 的编程语言，实现人机交互效果。
作用
1.网页特效 (监听用户的一些行为让网页作出对应的反馈)
2.表单验证 (针对表单数据的合法性进行判断)
3.数据交互 (获取后台的数据, 渲染到前端)
4.服务端编程 (node.js)
JavaScript的组成
1.ECMAScript：规定了js基础语法核心知识。比如：变量、分支语句、循环语句、对象等等
2.Web APIs：
DOM 操作文档，比如对页面元素进行移动、大小、添加删除等操作
BOM 操作浏览器，比如页面弹窗，检测窗口宽度、存储数据到浏览器等等

JavaScript 书写位置

内部 JavaScript

直接写在html文件里，用script标签包住
规范：script标签写在 </body>上面
注意事项：将<script>放在HTML文件的底部附近的原因是浏览器会按照代码在文件中的顺序加载 HTML

<script>
     alert('嗨，欢迎来到！')
</script>

外部 JavaScript

代码写在以.js结尾的文件里
语法：通过script标签，引入到html页面中
注意事项：script标签中间无需写代码，否则会被忽略！

<body>
    <script src="my.js"></script>
</body>

内联 JavaScript

代码写在标签内部

<body>
    <button onclick="alert('逗你玩~~~')"></button>
</body>

JavaScript 的注释

单行注释

符号：//
作用：//右边这一行的代码会被忽略
快捷键：ctrl + /

<script>
//这种是单行注释的语法
//一次只能注释一行
//可以重复注释
</script>

块注释

符号：/* */
作用：在/* 和 */ 之间的所有内容都会被忽略
快捷键：shift + alt + A

JavaScript的结束符

代表语句结束
英文分号 ;
可写可不写（现在不写结束符的程序员越来越多）
换行符（回车）会被识别成结束符 ,所以一个完整的语句，不要手动换行
因此在实际开发中有许多人主张书写 JavaScript 代码时省略结束符
但为了风格统一，要写结束符就每句都写，要么每句都不写（按照团队要求.）

输入和输出语法

输出语法

向body内输出内容
如果输出的内容写的是标签，也会被解析成网页元素

document.write('要输出的内容');

页面弹出警告对话框

alert('要输出的内容');

控制台输出语法，程序员调试使用

console.log('控制台打印')

输入语法

显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字

prompt('请输入您的姓名:');

字面量

在计算机科学中，字面量

最低0.47元/天解锁文章

visionchyw

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础学习笔记01——变量、数据类型

JavaScript基础学习笔记01——变量、数据类型
复制链接

扫一扫

专栏目录