js的介绍
js是什么

js是一门脚本语言 解释性语言 动态类型语言 基于对象语言

编译语言:需要把代码翻译成计算机所认知的二进制语言,才能够执行
脚本语言:不需要编译,直接执行
常见的脚本语言:t-sql,cmd

js的作用

解决用户和浏览器之间的交互问题

代码的写法
  • js的代码可以分三个地方写:
  • 1.在html的文件中,script的标签中写js代码
  • 2.js代码可以在html的标签中写—
<input type="button" value="按钮" onclick="alert('被点了');"/>
  • 3.在js文件中可以写js代码,但是需要在html的页面中引入 script的标签中的src=“js的路径”

声明一个对象 var obj = new Object()

格式化快捷键 webstrom

Ctrl+Alt+L----->格式化代码的(设置代码有很好的格式,代码是错误的,这个快捷键是没有效果)

获取变量的类型

如果一个变量结果是undefined 和一个数字进行运算那么结果就是NAN 不是一个数字类型

八进制 0开头

十六进制 0x开头

Number
//数字类型有范围: 最小值和最大值
//    console.log(Number.MAX_VALUE);//数字的最大值
//    console.log(Number.MIN_VALUE);//数字的最小值
固定的

不要用小数验证小数 有bug

//不要用小数去验证小数.
    //    var x=0.1;
    //    var y=0.2;
    //    var sum=x+y;
    //    console.log(sum==0.3);
//不要用NaN验证是不是NaN

    //    var num;
    //    console.log(num+10==NaN);
    //    console.log("您好"=="我好");

验证是否是NAN

isNaN(变量)

string类型

str.length 获取字符串的长度

html中的转义符

html中的转义符: <  < > > 空格:  

js中的字符串里也有转义符

tab键----水平制表符

console.log(“哈哈\t嘎嘎”); 输出结果可以看出水平制表符

转义符 \

字符串的拼接

######加号

使用加号 str1+str2

只要有一个是字符串 他们也是拼接 不是计算

######减号 乘号 都会计算

如果有一个是字符串，另一个不是字符串，使用-号，则此时会发生计算

leg 隐式转换

var str1 = "10";
var str2 = 5;
console.log(str1 - str2);

此时结果是 5

布尔类型和undefined及null
布尔类型

true 或者 false

类型转换
其他类型转数字类型 3种
  • parseInt()转整数 只要字符串最前面有数字就可以转换成功 转换为整数
    “10sss” 成功 “j55” 不成功 NaN
  • parseFloat 转小数 规则和上面那个差不多 有小数还是转换为小数 整数还是整数
  • Number 转数字 只有字符串里面全是数字 才可以转换成功 更严格
其他类型转字符串类型 两种

.toString()

var num=10;
console.log(num.toString());//字符串类型
这样就变成了字符串

String

var num1 = 20;
console.log(String(num1));

两者的区别 与用法

如果变量没有意义 则使用 String

如果变量有意义，则使用toString

没有意义指 比如 未定义 或者null

leg

//    var num2;
//    console.log(num2.toString());
//    var num3=null;
//    console.log(num3.toString());
这个报错
  
//    var num2;
//    console.log(String(num2));
//    var num3=null;
//    console.log(String(num3));
这个成功
其他类型换布尔类型 Boolean

0 undefined null ”“ 这些转换为 fasle ”“这个是空字符串

其他的非空字符串 为true

运算符
操作符

用来计算的

######包括

算数运算符:  +  -  * / %
     * 算数运算表达式:由算数运算符连接起来的表达式
     * 一元运算符: 这个操作符只需要一个操作数就可以运算的符号  ++  --
     * 二元运算符: 这个操作符需要两个操作数就可以运算,
     * 三元运算符: -----不讲,明天讲
     * 复合运算符: +=  -=  *= /= %=
     * 复合运算表达式:由复合运算符连接起来的表达式
关系运算符: >  <  >=  <=  ==不严格的 ===严格的 !=不严格的不等 !==严格的不等

关系运算符的结果是布尔类型

&&---逻辑与--并且
* ||---逻辑或---或者
* !---逻辑非---取反--取非

var 变量名字=值;---->字面量的方式赋值