变量

概述

内存中的空间

命名规范

  1. A ~ Z; a ~ z;
  2. 区分大小写;
  3. 不以字母开头;
  4. 不可为关键字;
  5. 有意义;
  6. 驼峰命名法,首字母小写,后单词字母大写;

使用

声明

var是JS关键字,用来声明变量,计算机会自动为变量分配内存空间。

赋值

=将右值存入左变量。

初始化

1
2
var myname = 'arraggon'
console.log(myname);

语法拓展

更新变量

1
2
3
4
var myname = 'a'
console.log(myname);
var myname = 'b'
console.log(myname);

声明多个变量

1
2
3
var age = 18,
address = '火影村',
wage = '2000';

声明变量特殊情况

声明,但未赋值

未定义

1
2
var sex;
console.log(); //Undefined;

不声明,不赋值

报错

1
console.log(tel); //tel is not defined;

不声明,直接赋值

可使用,不报错。

1
2
qq = 10000;
console.log(qq);

总结与示例

旗木卡卡西信息

1
2
3
4
5
6
7
8
9
10
var address = '火影村';
var email = 'kakakxi@gmail.com'
var age = '30';
var wage = '2000';
console.log(myname);
console.log(address);
console.log(email);
var myname = '旗木卡卡西';
console.log(age);
console.log(wage);

输入信息与弹出

1
2
var Uname = prompt('你的名字');
alert(Uname);
1
2
3
var age; //声明
age=18; //赋值
console.log(age);

变量小结

数据

数据类型简介

必要性

不同数据所需占用的储存空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,于是定义了不同的数据类型。

数据类型

变量是用来储存值得所在处,有名字和数据类型。
JavaScript是一种弱类型或者说动态语言。

数字型

Normal

var num = 1; // num 数字型
var PI = 3.14; // PI 数字型

Octal

八进制 (0 ~ 7)数字前加“0”,表示八进制

var num8 = 010; // 010 八进制

Hex

十六进制 (0 ~ 9)&(a ~ f)数字前加“0x”,表示十六进制

var num16 = 0xa // 0xa 十六进制

Special type

Maximum console.log(Number.MAX_VALUE);
Minimum console.log(Number.MIN_VALUE);
Infinity console.log(Number.MAX_VALUE * 2);
-Infinity console.log(-Number.MAX_VALUE * 2);
NaN(Not a number) console.log('Ari' - 100);

isNaN() 判断变量是否为非数字的类型,返回 ture 或者false

1
2
console.log(isNaN('100'));   // false
console.log(isNaN('nana')); // ture

字符型

使用

1
2
3
var str = "字符";   // 使用 双引号 表示字符串
var str = '字符' // 使用 单引号 表示字符串
var str = 字符 // 无 引号 报错

转义符

\n 换行;

\\ 斜杠;

\' 单引号;

\* 双引号;

\t tab 缩进;

\b 空格;

字符串长度

length属性可以 获取 整个字符串 长度

1
2
var str = 'My name is arraggon!!!';    // 字符串
console.log(str.length); // 长度计算 22

字符串拼接

+属性可以 拼接 字符串;

1
2
3
console.log('我是' + '阿瑞')          // 得到结果=> 我是阿瑞
console.log('阿瑞' + 18); // 得到结果=> 阿瑞18
console.log('Ari' + true); // 得到结果=> Aritrue

注:此为 象加

1
2
console.log('hello' + ' ' + 'word') // 得到结果=> hello word
console.log('1' + 0); // 得到结果=> 10

变量字符 拼接;

两者以 相连 方式实现拼接;

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// 开发数据
var age = 18;
console.log('阿瑞' + age + '岁呢~') // 得到结果=> 阿瑞18岁呢~

// OR 弹窗

var uname = prompt('What\'s is your name?')
alert('Hello! ' + uname + ', Nice to meet you.')

// OR 变量弹窗

var age = prompt('How old are you?')
var str = 'You are ' + age + 'Yo.'
alert(str);

布尔型 Boolean

布尔类型有两个值:ture(真/正确)和false(假/错误)。

Ture

1
2
var flag = true,
console.log(flag + 1); // 1

False

1
2
var flag1 = false;
console.log(flag1 + 1); // 0

Undefined 和 Null

Undefined: 声明变量,但未赋值;

1
var str;  // Undefined

Null:空值,即为0;

1
2
3
var space = nall;
console.log(space + 'pink'); // nullpink
console.log(space + 1); // 1

数据判断

五种类型判断示例;

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var a = 10;
console.log(typeof a); // Number

var b = 'Awesome';
console.log(typeof b); // string

var c = true;
console.log(typeof c); // boolean

var d = undefined;
console.log(typeof d); // undefined

var e = null;
console.log(typeof e); //object

反馈判断示例;
prompt 娶值为 字符型

1
2
3
var age = prompt('age');
console.log(age);
console.log(typeof age);

字面量

数据类型转换

转换为字符串

方式 说明 案例[var num = 10;]
toString() 转成字符串 console.log(num.toString());
String()强制转换 转成字符 console.log(String(num));
加号拼接字符串 和字符转换拼接结果都是字符串 console.log(num + ‘’);

转换为数字型

方式 说明 案例[var age = prompt(‘age’);]
parseInt() 退位取整;去除特殊符号; console.log(parseInt(age));
parseFloat() 保留小数;浮点数; console.log(parseFloat(age));
Number() 转换为数值; console.log(Number(age));
JS隐式 - * /运算,隐式转换; console.log(age - 0);

补充案例:

  1. parseInt:
    console.log(parseInt(‘3.001’)); // 3 取整
    console.log(parseInt(‘3.999’)); // 3 取整
    console.log(parseInt(‘120px’)); // 120
    console.log(parseInt(‘rem120px’)); // NaN
  2. parseFloat
    console.log(parseFloat(‘3.14’)) // 3.14
    console.log(parseFloat(‘120px’)); // 120
    console.log(parseFloat(‘rem120px’)) //NaN
  3. JS隐式
    console.log(age - 0);
    console.log(age * 1);
    console.log(age / 1);

转换为布尔型

Boolean(); 转换为布尔值; boolean(‘true’);

运算符

运算符,也称为 操作符 ,是用于实现赋值、比较和执行运算等功能的符号;

算术运算符

运算符 描述 实例
+ 10 + 20 = 30
- 10 - 20 = -10
* 10 * 20 = 200
/ 10 / 20 = 0.5
% 取余值(取模) 1 % 2 = 1

浮点数,不精确,有误差;不可用于数据比较判断;

1
2
3
4
5
console.log(0.1 + 0.2);   // 0.30000000000000004
console.log(0.1 * 0.2); // 0.020000000000000004

var num = 0.1 + 0.2;
console.log(num == 0.3); // false

递增与递减

使用递增(++)和递减(–),来为变量重复加 1 ,或者重复减 1;两者必须与变量配合使用;

递增符,放置变量前,称之为前置递增运算符;放置在变量后,称之为后置递增运算符;递减,同理;

1
2
3
var num = 1;
num = num + 1; // ++num
num = num + 1;

前置递增运算符

1
2
var num = 10;
console.log(++num); // 等同于 num = num + 1

后置递增运算符

1
2
3
var num = 10;
console.log(num++ + 10); // 20
console.log(num); // 11

总结

前置递增单独使用和后置递增单独使用,两者效果相同。

比较运算符

逻辑运算符

赋值运算符

运算优先级

update

2020年6月16日12:28:36
46