JavaScript基础语法

学习使我快乐01

已于 2024-08-20 11:43:59 修改

阅读量676

点赞数 23

分类专栏： JavaScript入门到进阶文章标签： javascript

于 2024-08-20 11:43:02 首次发布

本文链接：https://blog.csdn.net/weixin_72043867/article/details/141354167

版权

1 篇文章 0 订阅

订阅专栏

JS是什么——运行在客户端（浏览器）的编程语言，实现人机交互界面
作用——网页特效、表单验证、数据交互、服务端编程（node.js）
组成：ECMAScript+Web APIs（DOM+BOM）
- ECMAScript:基础语法核心知识，eg:变量、分支语句、循环语句…
- Web APIs:
  - DOM：操作文档，eg页面元素移动、大小、添加删除等操作。
  - BOM：操作浏览器，eg页面弹窗、检测窗口宽度、存储数据到浏览器等等。
mdn网站：JS权威网站，提供web技术的学习平台
JS书写位置：
- 行内JS
  - 代码写在标签内部
```
<body>
  <button onclick="alert('逗你玩~~~')">按钮</button>
</body>
```
- 内部JS
  - script标签要写在 < /body> 上面
- 外部JS
  - script标签要写在 < /body> 上面
  - js代码写到.js文件中
```
 <script src="my.js">中间代码会被忽略</script>
```
JS注释
- 单行： //
- 多行：/***/
JS结束符：" ; " 可写可不写
JS输入与输出语法
- 输出语法：
  - document.write(‘输出的内容’)——当输出内容为标签时，会被解析为网页元素
  - alert:警示框
  - console.log(‘控制台打印，给程序员看的’)
- 输入语法：
  - prompt('请输入您的姓名：)——显示一个对话框
- 代码执行顺序：
  - alert和prompt会跳过页面渲染先被执行
字面量：在计算机中描述事/物

基本数据类型：
- number数字型:小数、整数、正数、负数
  - NaN：代表一个计算错误，是一个不正确的或者一个未定义的数学操作所得到的错误，并且和它的所有操作都返回NaN
- string字符串型
  - 使用单引号、双引号或反引号包裹的都是字符串型
  - 使用"+"进行字符串拼接
  - 模板字符串：拼接字符串和变量
    
    外面用反引号包裹，变量使用**${变量名}**表示
```
<script>
    let age = 18
    document.write(`我今年${age}岁了`)
  </script>
```
- boolean布尔型
  - true | false
- undefined未定义型
  - 只声明未赋值时该值就是未定义类型
- null空类型(object型)
引用数据类型——object对象
检测数据类型——typeof x

隐式转换——系统自动将数据进行转换
- 规则：
  - +号两边只要有一个是字符串，都会把拎一个也变为字符串
  - 除+号以外的其他算术运算符，都会把数据转化为数字类型
显示转换——自己写代码进行转换
- 注意输入输出的数据默认为字符串型，进行运算要注意进行强制类型转换
- 转换为数字型：
  - Number(数据)：若数据为非数字字符串，转换结果为NaN
  - parselnt(数据)：只保留整数,不四舍五入直接保留
  - parseFloat(数据)：可以保留小数