一、JavaScript基础第一天(基础语法)
1.JavaScript介绍
-
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会跳过页面渲染先被执行
- 输出语法:
-
字面量:在计算机中描述事/物
2.变量
-
变量是什么——存储数据的容器
-
变量的使用
- 声明变量——let 变量名
- 变量赋值——" = "赋值号
- 注意变量只能声明一次,可以通过赋值更新变量值
-
变量的命名规则:
- 规则:
- 关键字不能做变量
- 变量名只能由数字、字母、下划线、$组成,且不能由数字开头
- 字母严格区分大小写
- 规范:
- 起名有意义
- 小驼峰命名法:第一个单词首字母小写,后面每个单词首字母大写
- 规则:
-
数组——Array
-
声明数组:
let names = ['小明', '小刚', '小红']
-
使用数组:
console.log(names[2]);
-
数组长度:数组名.length
-
3.常量
- 概念:使用const声明的变量称为常量
- 注意常量不允许更改,声明的时候必须赋值
4.数据类型
-
基本数据类型:
-
number数字型:小数、整数、正数、负数
- NaN:代表一个计算错误,是一个不正确的或者一个未定义的数学操作所得到的错误,并且和它的所有操作都返回NaN
-
string字符串型
-
使用单引号、双引号或反引号包裹的都是字符串型
-
使用"+"进行字符串拼接
-
模板字符串:拼接字符串和变量
外面用反引号包裹,变量使用**${变量名}**表示
-
<script> let age = 18 document.write(`我今年${age}岁了`) </script>
- boolean布尔型
- true | false
- undefined未定义型
- 只声明未赋值时该值就是未定义类型
- null空类型(object型)
-
-
引用数据类型——object对象
-
检测数据类型——typeof x
5.数据类型转换
- 隐式转换——系统自动将数据进行转换
- 规则:
- +号两边只要有一个是字符串,都会把拎一个也变为字符串
- 除+号以外的其他算术运算符,都会把数据转化为数字类型
- 规则:
- 显示转换——自己写代码进行转换
- 注意输入输出的数据默认为字符串型,进行运算要注意进行强制类型转换
- 转换为数字型:
- Number(数据):若数据为非数字字符串,转换结果为NaN
- parselnt(数据):只保留整数,不四舍五入直接保留
- parseFloat(数据):可以保留小数