JS基础知识之基础语法
简介
JavaScript是一种运行在客户端（浏览器）的脚本语言。
组成
- ECMAscript
- DOM
- BOM
注释
js引擎忽略的部分就叫做注释，作用是给代码进行解释。
单行注释使用//，多行注释使用/*注释内容*/
输入输出语法
输入语法
prompt()
输出语法
alert()弹框显示console.log()控制台显示document.write()浏览器页面显示
字面量
用来在计算机中描述事或物，大概有以下几种类型：
- 数字字面量：123
- 字符串字面量：'程序员'
- 数组字面量：[]
变量
概念和作用
起一个容器的作用，用来接收事物。本质上是在内存中开辟一个空间。
声明赋值的写法
- 先声明，再赋值
var a; a = 10; - 声明并直接赋值
var a = 10; - 同时声明多个变量
var a = 10,b = 20;
命名规则和规范
- 由字母、数字、下划线、$符号组成，不能以数字开头；
- 不能是关键字和保留字，如var、for、while；
- 严格区分大小写；
- 变量名必须是有意义的；
- 遵守小驼峰式命名法
getName。
变量提升
变量提升：js引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再逐行运行。所以会导致所有的变量声明的语句，都会提升到代码头部。
|
1 2 3 4 5 6 |
// console.log(d); // undefined // var d = 10; // 相当于下面的代码 var d; console.log(d); d = 10; |
数据类型
概念和作用
更加充分和高效的利用内存，同时也更加方便程序员使用数据
分类
基本数据类型
number数值型string字符串boolean布尔型undefined未定义null空引用
引用数据类型
object对象function函数array数组
数据类型的转换
为什么需要数据类型转换？
从用户得到的数据都是字符串，而数字和字符串相加会变成相连。
显式转换
转换成数字
- Number()
- parse系列
转换成字符串
- String()
- 变量.toString()
隐式转换
利用算数运算
- 任何数据和字符串相加结果都是字符串
- 字符串搭配减法运算会自动转换为数值进行运算
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
// 1. 转换为数字 parseInt只得到证书 let str = '66.6' let res = Number(str) // 66.6 // let res = parseInt(str) // 66 // let res = parseFloat(str) // 66.6 // console.log('res', res, typeof res); // 2. 转化为字符串 let num = 20 // let result = String(num) // 20,string // let result = num.toString() // 20,string // console.log('result', result, typeof result); // 3. 隐式转换 let num2 = 10; let str2 = 'hello'; // let numRes = num2 + str2; // 10hello,string let numRes = num2 - str2; // NaN,number console.log('numRes', numRes, typeof numRes); |