JavaScript基础学习-01

JS代码的书写方式

1. 行内：οnclick="JS代码"：使用很少
2. 内联模式：JS独立写在html中，一组标签：script
3. 外联模式：JS独立成文件，后缀.js，需要通过script标签引入：实际工作过程中必用的模式

JavaScript 有七种内置类型：

• 空值（null）

• 未定义（undefined）

• 布尔值（ boolean）

• 数字（number）

• 字符串（string）

• 对象（object）

• 符号（symbol，ES6 中新增）

 JavaScript中的基本变量

变量	解释	示例
String	字符串(一串文本)：字符串的值必须用引号(单双均可，必须成双成对)扩起来	let myVariable = "李雷";
Number	数字：无需引号	let myVariable = 10
Boolean	布尔值（真 / 假）: ture/false 是JS里的特殊关键字，无需引号	let myVariable = true;
Array	数组：用于在单一引用中存储多个值的结构	let myVariable = [1, "李雷", "韩梅梅", 10 ]; 元素引用方法: myVariable[0], myVariable[1]
Object	对象：JavaScript里一切皆对象，一切皆可储存在变量里。	let myVariable = document.querySelector("h1"); 以及上面所有示例都是对象

 

TypeOf关键字

• 作用：检测一个数据所属的类型
• 语法：typeof 数据 或者 typeof (数据) 。会得到该属性所属类型的字符串：string、number、boolean

1. 语法 

a、typeof 数据

b、typeof （数据）

console.log(typeof 123);   //"number"

console.log(typeof "123"); //"string"

console.log(typeof true);  //"boolean"

console.log(typeof null);  //"object": 一类特殊对象

console.log(typeof undefined); //"undefined"

 算数运算符与算数表达式

运算符	操作	类型
++	前 / 后增量	lval——>num
--	前 / 后减量	lval——>num
-	求反	num——>num
+	转换为数字	num——>num
~	按位求反	int——>int
！	逻辑非	bool——>bool
delete	删除属性	lval——>bool
typeof	检测操作数类型	any——>str
void	返回undefined值	any——>undef
==	判断相等	any,any——>bool
!=	判断不等	any,any——>bool
===	判断恒等	any,any——>bool
!==	判断非恒等	any,any——>bool

 

自增自减运算符

++ / -- 表示变量里的值会自动+1 / -1后存入变量里

使用规则：必须与变量一起使用

a++ / ++a / a-- / --a

使用情况分两种：

1. 与变量单独使用时（既不与其他任何字符连用）eg: a++
2. 当自增/自减表达式参与其他运算时

符号在前，变量先自增/自减，然后把新值赋值给表达式。

符号在后，先把值赋值给表达式，变量再自增/自减

 

const关键字

• const定义的变量不可以修改，而且必须初始化。

const b = 2;//正确
// const b;//错误，必须初始化 
console.log('函数外const定义b：' + b);//有输出值
// b = 5;
// console.log('函数外修改const定义b：' + b);//无法输出 

 

模板字符串

简便换行和嵌入变量操作

//简便换行
let s1 = '我爱我的祖国\n和我的家乡';
console.log(s1);
let s2 = `我爱我的祖国
和我的家乡`;
console.log(s2);
let a = '和我的家乡';
let b = '我爱我的祖国' + a + '还有每一寸土地';
console.log(b);
let b1 = `我爱我的祖国${a}还有每一寸土地`;
console.log(b1);

调用函数

// 调用函数
function foo(){
    return '祖国';
}

console.log(`亲爱的${fn()}你好`);

模板字符串嵌套

// 支持嵌套
let arr = [1,2,3];
const str = (arr)=>`
我是一级字符串
${arr.map(v=>`${v}`)}
`

console.log(str(arr));