工欲善其事,必先利其器
web前端开发神器
, 但是 合成的插件和配置太多,导致开启速度慢 , 适合初学者!用什么工具不重要,目的都是为了写代码,用熟了都一样
alt+B
;**以前讲过的 : **
现在的JS无所不能
Brendan Eich(布兰登·艾奇)
(伊利诺伊大学香槟分校),花了10天时间为Netscape Navigator2.0开发了一个位置为LiveScript
的脚本程序,目的是在浏览器中执行预检测程序(表单校验)ECMAScript
。script
标签中<script>
alert('Hello World!');
</script>
<script src="main.js"></script>
注意:
注释代码不会被执行,仅仅起到一个提示的作用。注释可以对复杂的代码进行解释,方便后期的维护和开发。
console.log
经常用来打印日志,项目调试的时候非常有用。
变量 : 可以变化的量 变量的作用 : 存储数据 声明 : 用 var 来声明
结论:
javascript中数据类型分为简单数据类型和复杂数据类型,今天只学简单数据类型 ( 5个 ) number、string、boolean、undefined、null 数值 字符串 布尔 声明未赋值 空类型
数字: 11 255 333 1024
在javascript中表示一个数字,除了有我们常用的十进制11, 22,33
等,还可以使用八进制、十六进制表示等。
//我们最常用的进制,进行算术运算的时候,八进制和十六进制最终都要转换成二进制,计算机只识别二进制
//逢10进1
var num = 9;
var num = 29;
// 0开头的数字, 逢8进1
var num1 = 010;
var num2 = 0121;
// 八进制 0-7 逢八进一 , 10
var ba = 0321;
// 12 = 2*8^0 + 1*8^1 = 10
// 321 = 1*8^0 + 2*8^1 + 3*8^2 = 1+16+ 192 = 209
console.log(ba);
// 0x开头的数字,逢16进1, 数字范围1-9A-F
var num = 0xA;
var num = 0x12;
tips : 关于二进制,计算机在只认识二进制,所以所有的代码最终都会转换成二进制数据。
浮点数就是小数,,比如0.1
var num = 0.1;
//当一次数字很大的时候,可以用科学计数法来表示
var num = 5e+5; //5乘以10的5次方
var num = 3e-3;//3乘以10的-3次方
//在进行浮点数运算的时候,可能会出现精度丢失的问题
0.1 + 0.2 = 0.30000000000000004;
0.2 + 0.2 = 0.4;
//尽量少用浮点数进行运算,不要让浮点数进行比较。
解决办法 : 根据小数点后面的位数量 乘以对应的整数;
0.1 + 0.2 ==> (0.1*10+0.2*10) / 10 = 0.3
0.01 + 0.02 呢?
最小值:Number.MIN_VALUE,这个值为: 5e-324
最大值:Number.MAX_VALUE,这个值为: 1.7976931348623157e+308
无穷大:Infinity 1/0
无穷小:-Infinity
字符串类型,使用双引号 "
或者 '
包裹起来的字符
//双引号和单引号必须成对出现
var str = 'hello world';
var str = "hello world";
var num1 = 12;
var num2 = '12';
可以通过颜色
每一个字符串都有一个length属性,可以获取到字符串中字符串的个数
var str = "akdjflksjdflk";
console.log(str.length);
思考,如何打印?
// 大家好,我姓"熏",我叫孙悟空
//选择"好看"的外表,还\是'有趣'的灵魂
+
号具有字符串拼接功能,它能将两个字符串拼接成一个字符串。+
号同时具有算术加法的功能,它能将两个数字进行相加+
号两边有一个是字符串,那么就是拼串的功能,如果都是数字,那么就是算数的功能。// 第一种情况 : 字符串 + 字符串
var a = "hello";
var b = "itcast";
console.log(a + b);//字符串拼接功能
// 第二种情况 : 数值 + 数值
var a = 100;
var b = 100;
console.log(a + b);//加法
// 第三种情况 : 字符串 + 数值
var a = 'abc';
var b = 100;
console.log(a + b);//字符串拼接功能
思考练习 :
'我是'
var name = '小马哥';
拼接成一句话 : 我是小马哥
console.log ( '我是'+name) 还是 console.log ( '我是name');
布尔类型:true 和 false
//布尔类型只有两个值
true:表示真
false:表示假
注意:
1. 区分大小写,不要写成True或者是False了
2. 'true' 和 true , 前者是字符串类型
他们都属于获取非正常值的类型
11, "abc", true, false, undefined, null
等都是字面量,可以直接会使用。变量可以存储数据,我们还需要学习操作符来操作这些数据 1、 算术运算符 2、 赋值运算符 3、 一元运算符 4、 逻辑运算符 5、 比较运算符
//快速的说出以下的结果?
console.log(123 + 123);
console.log("123" + 123);
console.log(123 - 123);
console.log(123 - "123");
console.log(12 * "12");
console.log(12 / 12);
console.log(10 % 2);
注意 :
整除 => 余数==0
例如: 能被7整除 : i%7==0
赋值运算符有: = , +=, -=, *=, /=, %=
var num = 10;
num += 1; //num = num + 1;
num -= 1; //num = num - 1;
num *= 2; //num = num * 2;
num /= 2; //num = num / 2;
num % = 2; //num = num % 2;
一元运算符:只有一个操作数的运算符
二元运算符:有两个操作数的运算符,比如算术运算符、赋值运算符
自增运算符:++
++i
i++
异同点 :
1. 相同点 : 代码执行之后, 数值都会 + 1
2. 不同点 : 就是在自增的时候使用就会出现不同
//先自增:
var num = 1;
console.log(++num); //先自增:表示先加1,后返回值
//后自增:
var num = 1;
console.log(num++);// 后自增:表示先返回值,后+1
自减运算符:--
--i
i--
练习:
//1. 思考思考
var num = 5;
console.log(num++);
console.log(++num);
//2. 猜猜看
var a = 1; var b = ++a + ++a; console.log(b);
var a = 1; var b = a++ + ++a; console.log(b);
var a = 1; var b = a++ + a++; console.log(b);
var a = 1; var b = ++a + a++; console.log(b);
&&
:与运算符,表示且,只有当两个操作数都为true
的时候,结果才是true
||
:或运算符,表示或,只要有其中一个操作数是true
,结果就是true
!
:非运算符,取反console.log( true && true );
console.log( false && true );
console.log( true && false );
console.log( false && false );
console.log( true || true );
console.log( false || true );
console.log( true || false );
console.log( false || false );
console.log(!true);
console.log(!false);
总结 :
&& 翻译 : 一个为真,且,,另外一个也为真 => 才为真
1. 两者都为true,才为true
2. 前者为true,,决定权在后者
|| 翻译 : 一个为真,或者另外一个为真 => 真
1. 两者有一个为true,结果就为true
2. 前者为false,,决定权在后者
比较运算符也叫关系运算符, < > >= <= == != === !==, 关系运算符的 结果是布尔类型
var a = 5;
var b = 6;
console.log(a > b);//大于
console.log(a < b);//小于
console.log(a >= b);//大于等于
console.log(a <= b);//小于等于
console.log(a == b); //相等,只比较值,不比较类型
console.log(a === b); //全等,比较类型和值
console.log(a != b); // 不等, 只判断值,不判断类型
console.log(a !== b); // 不全等 判断值,且判断类型
注意 :
数字类型比较和字符串比较是由区别的
1. 数字比较 : 24>3; 比较数字大小
2. 字符串比较 : '24' < '3' 比较首字母大小
3. 字符串和数字混合比较 : 比较数字内容大小
()
的优先级最高*/%
, 后+-
)> < >= <=
, 后== === != !==
)&&
后||
)不用死记,如果不确定的时候,使用()增加优先级
//猜猜看
var result = ((4 >= 6) || ("人" != "狗")) && !(((12 * 2) == 144) && true);
console.log(result);
服务器拿回来的数据,有可能是字符串,比如age='18',
var age = '18';
console.log(age+1);
typeof关键字可以查看数据的类型
var num = 11;
console.log(typeof num);
num = "abc";
console.log(typeof num);
小技巧:在控制台可以根据颜色来判断数据的类型哦(__) **
console.log(Number('55'));
Number()可以把任意值转换成数值类型,但是如果字符串中有不是数字的字符,返回NaN
- parseInt() 把整数或者小数都转化为整数;
- parseFloat() 把整数转化整数,把小数转化为小数
var num1 = parseInt("12"); // 12
var num1 = parseInt("12.3"); //12
var num1 = parseFloat("12"); //12
var num1 = parseFloat("12.3");//12.3
var num1 = parseInt("12.3abc"); // 返回12,如果第一个字符是数字会解析知道遇到非数字结束
var num2 = parseInt("abc123"); // 返回NaN,如果第一个字符不是数字或者符号就返回NaN
var str = '500';
console.log(+str); // 取正
console.log(-str); // 取负
console.log(str - 0); +0呢???拼接
var num = 5;
num = String(num);
console.log(num);
var num = 5;
console.log(num.toString());// 把数值5变成字符串5
//将来所有的数据都会有toString()方法,除了null和undefined
var num = 5;
num = num + "";
console.log(num);
所有的值都可以转换成布尔类型
其中 0
, ""
, undefined
,null
, NaN
,这几个值会转换成false,其他值都会转换成true
这个代表的五大基本类型
// 没有值 => false
// 有值 => true
// number string undefined null
// 0 ''
注意 :
1. 'false' 它是字符串
2. NaN => false
console.log(Boolean(1));
console.log(Boolean(0));
var a = "abc";
console.log(!!a);
NaN: not a number, 表示一个非数字
在js中,NaN用来表示一个非数字的特殊值,当发现无法进行运算时,js不会报错,而是会返回一个NaN
NaN的注意事项:
var num = +'abc'
console.log(num); //NAN
// 判断是不是文字
var a = 123;
var b = '123';
// Nan 不是数字
// true 不是文字
// false 不是不是文字 = 是文字
console.log(isNaN(c));