141 lines
3.6 KiB
HTML
141 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Document</title>
|
||
|
||
</head>
|
||
|
||
<body>
|
||
|
||
|
||
</body>
|
||
<script>
|
||
// 变量：在计算机中存储一个可以被改变的数据
|
||
// 常量：在计算机中存储一个不可以被改变的数据
|
||
|
||
// 系统关键字
|
||
// var 变量名 = 变量值
|
||
// const 常量名 = 常量值
|
||
|
||
// 变量名（常量名） 定义的时候需要遵循一套规范
|
||
// 变量名（常量名）不可以用数字开头
|
||
// 变量名（常量名）不可以用特殊符号 ( _ $ )
|
||
// 变量名（常量名）区分大小写
|
||
// 变量名（常量名）定义的时候需要尽量遵守驼峰命名法
|
||
// 变量名 建议使用字母开头
|
||
// var a = 10, b = 20, c = 100;
|
||
// console.log(a);
|
||
|
||
// 留坑 数据类型
|
||
// 对象(Object)、数组(Array)、函数(Function)。
|
||
|
||
// 字符串（String）凡是用 "" '' 包裹的就是字符串，一般保存中文信息
|
||
// var a = "刘兵";
|
||
// console.log(a);
|
||
|
||
// 数字(Number)、 0 ~9 组成的就是数字类型
|
||
// var b = 2333
|
||
// console.log(b);
|
||
|
||
// 布尔(Boolean)、 真（true 1） 假（false 0），一般用于判断
|
||
// var c = false
|
||
// console.log(c);
|
||
|
||
// var d ;
|
||
// console.log(d);
|
||
|
||
// 对空（Null）、表示不存在，找不到的情况
|
||
// var e = null;
|
||
// console.log(e);
|
||
|
||
// 未定义（Undefined） 定义变量未赋值就是 Undefined
|
||
// var f = undefined;
|
||
// console.log(f);
|
||
|
||
// var ddd = Symbol(1);
|
||
// var ccc = Symbol(1)
|
||
// console.log(ddd == ccc);
|
||
|
||
|
||
// 运算符 + - * / %
|
||
// ++ 让变量自增1
|
||
// ++变量 先让变量+1，然后使用变量
|
||
// 变量++ 先使用变量，使用完成后再+1
|
||
|
||
// -- 让变量自减1
|
||
// var a = 1, b = 2, c = 3;
|
||
// console.log(
|
||
// (++a + (--a * c++) - false + (--c+a) ) + ( (b*a--) + a )
|
||
// );
|
||
|
||
// console.log(
|
||
// (--a + b - b-- + (b-- - (++a)) ) + (c-- + a++)
|
||
// );
|
||
// console.log(
|
||
// (--a + b - b-- + (b-- - (++a)) ) + (c-- + a++)
|
||
// );
|
||
|
||
// += -= *= /+ %=
|
||
// var a = "4", b = 4;
|
||
// console.log(a+=b); // a = a + b
|
||
|
||
// console.log( a === b);
|
||
// + 两个功能
|
||
// 数字运算 + 两边都是数字才可以运算
|
||
// 拼接字符串
|
||
|
||
// = 赋值
|
||
// == 判断变量数值是否相等
|
||
// === 强等于 绝对等于 判断变量数值是否相等 并且 判断变量的类型是否相等
|
||
|
||
// 比较运算符
|
||
// && and 条件表达式两边必须都为true才返回true，否则就是false
|
||
// || or 条件表达式两边只要有一个为tre，就返回true，
|
||
// ! 取反 对结果进行取反
|
||
// console.log(a != b);
|
||
|
||
// key: value
|
||
// object 可以存储任意的数据类型
|
||
// var a = new Object();
|
||
// a.name = "刘兵"
|
||
// a.age = 18
|
||
// a.isLike = false
|
||
|
||
// var a = new Object({
|
||
// name: '11',
|
||
// age: 18
|
||
// })
|
||
|
||
var a = {
|
||
name: '刘兵',
|
||
age: 18
|
||
}
|
||
|
||
for (const i in a) {
|
||
console.log(a[i]);
|
||
}
|
||
|
||
// object 一种数据类型，上面说过了，
|
||
// 还有一种是编程中的一种抽象概念 类似java中的 class
|
||
|
||
|
||
// 电脑
|
||
var diannao = {
|
||
price: '19800元',
|
||
color: '#000',
|
||
size: '15寸',
|
||
cpu: 'I7处理器',
|
||
start () {
|
||
console.log('可以开机');
|
||
},
|
||
stop () {
|
||
console.log('可以关机');
|
||
}
|
||
}
|
||
|
||
</script>
|
||
</html> |