JS基础知识之基础语法

简介

JavaScript是一种运行在客户端（浏览器）的脚本语言。

组成

• ECMAscript
• DOM
• BOM

注释

js引擎忽略的部分就叫做注释，作用是给代码进行解释。

单行注释使用//，多行注释使用/*注释内容*/

输入输出语法

输入语法

prompt()

输出语法

• alert() 弹框显示
• console.log() 控制台显示
• document.write() 浏览器页面显示

字面量

用来在计算机中描述事或物，大概有以下几种类型：

• 数字字面量：123
• 字符串字面量：'程序员'
• 数组字面量：[]

变量

概念和作用

起一个容器的作用，用来接收事物。本质上是在内存中开辟一个空间。

声明赋值的写法

1. 先声明，再赋值 var a; a = 10;
2. 声明并直接赋值 var a = 10;
3. 同时声明多个变量 var a = 10,b = 20;

命名规则和规范

1. 由字母、数字、下划线、$符号组成，不能以数字开头；
2. 不能是关键字和保留字，如var、for、while；
3. 严格区分大小写；
4. 变量名必须是有意义的；
5. 遵守小驼峰式命名法 getName。

变量提升

变量提升：js引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再逐行运行。所以会导致所有的变量声明的语句，都会提升到代码头部。

// 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. 转换为数字 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);