139 lines
3.8 KiB
HTML
139 lines
3.8 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 变量名 = 变量数值（初始值）
|
||
// 变量定义的时候其实可以不加var，但是如果....留坑
|
||
var a = "1000元", b = "1111", c = "1111";
|
||
|
||
// 变量命名规则
|
||
// 1: 变量名需要字母开头 ( $ _ )
|
||
// 2: 可以使用数字，但是数字不能放开头
|
||
// 3：不能使用特殊符号 ( $ _ )
|
||
// 4: 变量名要遵守驼峰命名法
|
||
// 5: 变量名严格区分大小写
|
||
|
||
// 变量存储的数据类型
|
||
// 基本类型：
|
||
// 字符串（String） 就是双引号或者单引号包裹的
|
||
// 数字(Number) 就是阿拉伯数字
|
||
// 布尔(Boolean) 就是 真(true 1) 假(false 0)
|
||
// 对空（Null） 就是不存在
|
||
// 未定义（Undefined） 就是变量定义了，但是没有赋予初始值，所以默认就是Undefined
|
||
|
||
// 运算符
|
||
// + - * / % ++ --
|
||
var a = 0, b = 5, c = true;
|
||
// console.log(b % a);
|
||
// a++ 先使用a，使用完后再让a+1
|
||
// ++a 先让a+1，然后再使用a
|
||
|
||
// ( (a++ - (a--)) * (b-- + (a++)) ) - ( ++c - (a+c) ) + 1 ;
|
||
// console.log( ( (a++ - (a--)) * (b-- + (a++)) ) - ( ++c - (a+c) ) + 1 );
|
||
|
||
// (c-- + (a * (--c))) + (++a-b++) - (--b - a)
|
||
// console.log( (c-- + (a * (--c) ) ) + (++a-b++) - (--b - a) );
|
||
|
||
// 赋值运算
|
||
// += -= *= /= %=
|
||
// a+=b // a = a+b
|
||
// console.log(a);
|
||
|
||
// 逻辑运算符
|
||
// && 条件表达式两边都为true，才为true
|
||
// || 条件表达式只要有一个为true，就为true
|
||
// !
|
||
|
||
// + 加法运算
|
||
// 字符串拼接（合并）
|
||
// console.log( 1 - "1" );
|
||
|
||
// = 赋值
|
||
// == 判断是否数值相等
|
||
// === 判断是否数值相等，但同时判断类型也是否相等 (强等于，绝对等于)
|
||
|
||
// console.log( 1 === "1");
|
||
|
||
// 引用数据类型：对象(Object)、数组(Array)、函数(Function)
|
||
// 对象 & 数组 就是把数据按照固定格式组合起来
|
||
// 1：存储数据的
|
||
// 2: 编程的思想 对象 现实生活中具体事物的描述
|
||
// 格式：{ 对象名key: 对象值value }
|
||
// var c = {
|
||
// username: '刘兵',
|
||
// age: 18,
|
||
// like: {
|
||
// car: '野马',
|
||
// js: '电脑'
|
||
// },
|
||
// eat: function () {
|
||
// console.log("我会吃饭");
|
||
// }
|
||
// }
|
||
|
||
// var c = new Object();
|
||
// c.username = '刘兵';
|
||
// c.age = 18;
|
||
|
||
// var c = new Object({ username: '刘兵',age: 18 })
|
||
|
||
// console.log(c.like);
|
||
// var key = "like"
|
||
// console.log(c.key);
|
||
// console.log(c[key]); // c.like
|
||
|
||
// 面向对象的编程
|
||
// 封装，继承，多态
|
||
// class 类：
|
||
// 构造函数
|
||
|
||
// class car {
|
||
// color = 'red';
|
||
// speed = '10s';
|
||
// start() {
|
||
// console.log("车辆启动");
|
||
// }
|
||
// stop() {
|
||
// console.log("车辆停止");
|
||
// }
|
||
// }
|
||
|
||
// class myCar1 extends car {
|
||
// constructor(color) {
|
||
// super()
|
||
// this.ddd = color;
|
||
// }
|
||
|
||
// nitrogen() {
|
||
// console.log(this.ddd);
|
||
// }
|
||
// }
|
||
|
||
// class myCar2 extends car {
|
||
// fly() {}
|
||
// }
|
||
|
||
// var ddd = new myCar1('#fff')
|
||
// ddd.nitrogen()
|
||
|
||
// var qian;
|
||
// console.log(qian);
|
||
// 常量 就是一个有名字的存储空间，用来存数据的
|
||
// 这里面存的数据是不可变的
|
||
</script>
|
||
|
||
</html> |