JavaScript知识点总结

1.JavaScript:一门客户端脚本语言

2.JavaScript的组成：1、ECMAScript：基本的语法和对象

                                 2、BOM:浏览器模型，与浏览器进行交互
                                 3、DOM:文档模型，与网页内容进行交互

变量

  • 定义：
var a = 123;
var b = 'abc';
//连写
var a = 123,b=456;

注意：js为弱类型的解释型脚本语言，使用var关键字定义一个变量，数据类型自动判断。

注意：每句代码后可以不写分号，换行即可，习惯上最好加上，增强可读性。

  • 变量类型：

    • number：数字类型
    • string：字符串类型
    • boolean：布尔类型
    • undefined：未定义类型
    • null：空类型
    • object：复合类型，一般用来接收标签。

  • 命名规则：

    • 区分大小写；
    • 第一个字符必须是字母、下划线（_）或者美元符号（$），不能输数字；
    • 其他字符可以是字母、下划线、美元符或数字；
    • 不能使用js的关键字或保留字。
    • 多个单词变量的命名使用小驼峰或单词加下划线。
    • 对于object对象一般使用匈牙利命名风格。

注意1：代码需要写在window.onload =function(){}；中，使得html和css加载完毕后才执行，防止报错。

注意2：如果style中的属性不是行内式，而是由css设置的，那么js第一次是获取不到的，但可以直接设置。

注意3：js代码需要用script标签包裹，可以放置在html代码的任何位置，但css嵌入式只能放在头部。

运算符

  1. 算术运算符： +(加)、 -(减)、 *(乘)、 /(除)、 %(求余);;
  2. 赋值运算符：=、 +=、 -=、 *=、 /=、 %=;
  3. 条件运算符：= =、===、>、>=、<、<=、!=、&&(而且)、||(或者)、!(否);
  4. 自加、自减：i++, i--;

  5. 数据类型转换

    • 直接转换
    alert('12'+7); //将7转换成"7",弹出127
alert(parseInt('1') + 7 );  //转换后，弹出8 
alert(parseInt(5.6));  // 去掉小数部分，不是四舍五入，弹出5
alert('5.6'+2.3);  // 2.3转换成"2.3"，弹出5.62.3
alert(0.1+0.2); //弹出 0.3000000000000004，精度有问题
alert((0.1*100+0.2*100)/100); //弹出0.3，需要计算处理一下
    • 隐式转换
    "4" == 4; //判断为真，==将"4"转换成4；

"3"-2;  //结果1；

var s1 = parseInt('123abc') //结果为123
alert( parseInt('abc123') );  // 弹出NaN
//说明:以数字开头的字符串通过函数可以转换其中的数字为整形，如果不是开头 则转换失败

alert(isNaN(123abc)) //弹出true
//isNAN（string）：判断是否是纯数字，是返回false,不是返回true

null==undefined:涉及隐式转换，null和undefind都被当做false处理，判断为真
null===undefined:判断为flase，null为Object类型，undefined类型是其本身

!(null):判断为真
!(undefined):判断为真

typeof（）：查看数据类型