173 lines
4.3 KiB
HTML
173 lines
4.3 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>js 变量</title>
|
||
</head>
|
||
<body>
|
||
|
||
</body>
|
||
<script>
|
||
// js 版本
|
||
// es5 es6 es7 es8 .......
|
||
|
||
|
||
// 变量
|
||
// 计算机内部用来存储数据的（被存储的数值是可以修改的）
|
||
// 如何定义？（先定义后使用）
|
||
// 不给默认数值，那么就是 undefined
|
||
|
||
// 常量
|
||
// 计算机内部用来存储数据的（被存储的数值是不可以修改的）
|
||
// const c = 10;
|
||
|
||
// var a = 1;
|
||
|
||
|
||
// 变量名有个命名规范
|
||
// 变量名一般用字母开头，特殊情况 ( _ $ )
|
||
// 变量名不可以使用特殊符号，( _ $ )
|
||
// 变量名可以使用中文名 ，一般绝对不用
|
||
// 变量名区分大小写
|
||
// 变量名都需要具有含义，多个单词，用驼峰(全驼峰)命名法
|
||
|
||
|
||
// 数据类型
|
||
// typeof 求数据类型
|
||
// 基础数据类型
|
||
// 字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol
|
||
|
||
// 布尔(Boolean) true：真 1， false： 假 0
|
||
// 场景：用于条件语句的判断条件
|
||
|
||
// 空（Null） 就是不存在
|
||
// Symbol 表示唯一的
|
||
|
||
var a = 2, b = 2, c = 3;
|
||
// = 赋值
|
||
// == 判断是否相等，只会判断数值是否相等
|
||
// === 强等于 判断是否相等，判断数值和类型是否相等
|
||
|
||
// 算术运算符 +=-/ % ++ --
|
||
// 赋值运算符 += -= *= /= %=
|
||
// 比较运算符
|
||
// 逻辑运算符 && ||
|
||
|
||
// ++
|
||
// a++ 先用a，用完后再+1
|
||
// ++a 先+1，然后再用a
|
||
// --
|
||
|
||
// console.log(++a); // 2
|
||
// console.log(a); // 2
|
||
|
||
// console.log( ++a - ( (a++) - a - (a - c++) ) + (c+(b--) - b) );
|
||
// console.log( ( (++a) - a++ ) + ( --a + (--c) ) );
|
||
// console.log( ( 1 - (++c) ) + ( 1 + (--c) + 1) );
|
||
|
||
// + 加法两边如果都是number，才会进行数学运算
|
||
// + 只要有一个不是number，那么进行 拼接字符串
|
||
|
||
// console.log(a + b);
|
||
|
||
// console.log( !(a !== b) );
|
||
|
||
|
||
// 引用数据类型
|
||
// 对象(Object)、数组(Array)、函数(Function)
|
||
|
||
// 对象(Object)
|
||
// 1 数据类型之一，用来存储数据的
|
||
// 2 现实生活中具有属性和功能的事物在编程中的抽象概念，一般用于实现代码封装
|
||
// 如何定义？
|
||
// key: value,
|
||
// ket: value
|
||
|
||
// var obj = new Object();
|
||
// obj.name = "刘兵"
|
||
// obj.age = 18
|
||
|
||
// console.log(obj);
|
||
|
||
// var obj = new Object({ name: '刘兵', age: 18 });
|
||
|
||
// var obj = {
|
||
// name: '刘兵',
|
||
// age: 18,
|
||
// test: '111'
|
||
// }
|
||
|
||
|
||
// console.log(obj.name);
|
||
// console.log(obj["name"]);
|
||
|
||
// var car = {
|
||
// color: 'blue',
|
||
// weight: '1吨',
|
||
// speed: 6,
|
||
// start: function() {
|
||
// console.log("车辆启动");
|
||
// },
|
||
// stop: function() {
|
||
// console.log("车辆停止");
|
||
// }
|
||
// }
|
||
|
||
// if
|
||
// 三目(元)运算符
|
||
// if ( 60 < a && a < 70) {
|
||
// console.log("hahha");
|
||
// } else {
|
||
// console.log("dddd");
|
||
// }
|
||
|
||
// 1 > 2 ? console.log("hahha") : console.log("dddd")
|
||
// if 用的多，switch 少
|
||
|
||
// for while
|
||
// var sum = 0;
|
||
// for (var i = 1; i <= 100; i++) {
|
||
// sum += i
|
||
// }
|
||
|
||
// console.log(sum);
|
||
|
||
// var i = 0;
|
||
// while (i <= 100) {
|
||
// sum += i
|
||
// i++
|
||
// }
|
||
|
||
// console.log(sum);
|
||
|
||
// var i = 1
|
||
// do {
|
||
// console.log(i);
|
||
// i++
|
||
// } while (i<10);
|
||
|
||
|
||
// 数组(Array)
|
||
// 通过下标来存储数据的
|
||
|
||
// var arr = new Array();
|
||
// arr[0] = "哈哈哈1"
|
||
// arr[1] = "哈哈哈2"
|
||
// arr[2] = "哈哈哈3"
|
||
// arr[3] = "哈哈哈4"
|
||
|
||
// var arr = new Array(["哈哈哈1","哈哈哈2","哈哈哈3","哈哈哈4"]);
|
||
|
||
// var arr = ["哈哈哈1","哈哈哈2","哈哈哈3","哈哈哈4"];
|
||
// console.log(arr);
|
||
|
||
// for(var i = 0; i < arr.length; i++ ) {
|
||
// console.log(arr[i]);
|
||
// }
|
||
|
||
|
||
|
||
</script>
|
||
</html> |