javascript必须知道的知识要点（一）

该文章不详细叙述各知识要点的具体内容，仅把要点列出来，供大家学习的时候参照，或者检测自己是否熟练掌握了javascript，清楚各个部分的内容。

1. 语句
2. 注释
3. 输出
4. 字面量
5. 变量
6. 数据类型
7. typeof/constructor属性
8. 类型转换
9. 关键字
10. 运算符
11. 字符集
12. 对象
13. 函数
14. Arguments 对象
15. 作用域/变量的生命周期
16. 变量提升
17. 严格模式 use strict
18. 正则表达式
19. 阻止默认操作
20. 停止冒泡

语句

        分号（;）

        代码块

        条件语句：if...else... switch

        循环语句：for   for/in   while   do/while

        break; continue; break与continue的区别

注释

        //

        /*   */    

输出

        window.alert();

        document.write();

        innerHTML;

        console.log();

字面量

变量

        存储数据的容器

        以'字母'，'$', '_' 开头，由  ‘字母','$', '_', '数字'  组成

        大小写敏感

        重新声明JavaScript变量，该变量的值不会丢失。eg: var carname="Volvo"; var carname;//变量carname的值依然是“Volvo”

数据类型

        基本数据类型(原始数据类型)5种：string, number, boolean, null, undefined

        非基本数据类型(引用类型)：Array, Object, Function, 原始数据类型对应的对象 eg: var s = new String(); 

        JavaScript拥有动态类型，相同的变量可用作不同的类型

typeof/constructor属性

        typeof操作符：检测变量的数据类型

        typeof [1,2,3,4]; //object

        typeof null; //object

        var person = null; //值为空，类型为对象 

        var person = undefined; //值为undefined,类型为undefined

　　　type function () {}; //function

        null 表示空对象引用；

        undefined表示没有设置值的变量；

 

　　　constructor属性

　　  [1,2,3,4].constructor //返回函数 Array() {[native code]}

        new Date().constructor //返回函数 Date() {[native code]}

　　  function () {}.constructor //返回函数 Function () {[native code]}

　　  {name:'John',age:34}.constructor //返回函数 Object() {[native code]}

 

类型转换

　　　5种不同的数据类型：string, number,boolean,object,function

　　　3种对象类型：Object, Date, Array

        2个不包含任何值的数据类型：null, undefined　  

　　 
　　  通过javascript函数转换数据类型　　  　　 

 　　 1.数字转成字符串： String(123); 123.toString();

　　  2.布尔值转换成字符串：String(false); false.toString();

　　  3.日期转成字符串：String(Date()); Date().toString();

　　  4.字符串转成数字：Number("3.14");//返回3.14   Number(99 80);//返回NaN

　　　　　　　　　　　  ParseFloat();//解析字符串，返回一个浮点数 

　　　　　　　　　　　  ParseInt();//解析字符串，返回一个整数

　　　　　　　　　　　  “ + ”可以将变量转换成数字

　　  5.布尔值转成数字：Number(false);//0

　　  6.日期转成数字：var d = new Date();

　　　　　　　　　　　Number(d);

　　　　　　　　　　　d.getTime();

        通过javascript自身自动转换

　　　1.当javascript尝试操作一个“错误”的数据类型时，会自动转换为“正确”的数据类型。

　　   2.当你尝试输出一个对象或一个变量时，javascript会自动调用toString()方法。

 

关键字

运算符

　　　算数运算符： +, -, *, /, %, ++, --

　　　赋值运算符：=, +=, -=, *=, /=, %=

　　　比较运算符：==, ===, !=, !==, >, <, >=, <=

　　　逻辑运算符：&&, ||, !

　　　条件运算符：？ ：　

字符集

　　　unicode

对象

　　　javascript对象是拥有属性和方法的数据。

　　　对象是变量的容器，是键值对的容器。

　　　访问对象属性的两种方式：eg: person.lastName; person["lastName"];

　　　定义对象的方法：

　　　　1.工厂方式； 2.构造器函数； 3.原型方式； 4.混合方式（构造函数+原型方式）；

　　　　5.动态原型方式； 6.混合工厂方式。

函数

　　　JavaScript 对大小写敏感。关键词 function 必须是小写的，并且必须以与函数名称相同的大小写来调用函数。

　　　调用带参数的函数。

　　　带有返回值的函数，return 语句可以实现。

　　　函数声明：function functionName(parameters){ /*执行的代码*/}

　　　　　　　　函数声明后不会立即执行，会在我们需要的时候调用到

　　　函数表达式：var x = function (a,b){ return a*b;} var z = x(3,4);//12

　　　　　　　　　以上函数实际上是一个匿名函数。

　　　Function()构造函数：var myFun = new Function("a", "b", "return a*b");

　　　函数提升：函数可以在声明之前调用。使用表达式定义的函数无法提升。

　　　自调用函数：函数表达式可以“自调用”。eg: (function (){var x = "Hello";})();

　　　函数可作为一个值使用

　　　typeof function(){};//function

　　　隐式参数/显示参数

　　　arguments：arguments.length;

　　　通过值传递参数：隐式参数的改变在函数外是不可见的。

　　　通过对象传递参数：在函数内部修改对象的属性会修改其初始值。

　　　toString()方法

　　　函数的调用：有4种调用方式，每种方式的不同之处在于this的变化。

　　　　　　　　　1.作为一个函数调用：函数不属于任何对象，默认为window对象的函数，this为全局对象window。

　　　　　　　　　2.函数作为方法调用：把函数定义为对象的方法，函数作为对象方法调用，this的值成为对象本身。

　　　　　　　　　3.使用构造函数调用函数：使用new关键字，创建新的对象，新对象继承构造函数的属性和方法，

　　　　　　　　　　　　　　　　　　　　　this的值在函数调用时实例化对象（new object）时创建。

　　　　　　　　　4.作为函数方法调用函数：函数是对象，有它的属性和方法，call方法和apply方法，第一个参数成为this

　　　　　　　　　　eg: function myFunction(a,b){return a*b;}

　　　　　　　　　　　　myObject = myFunction.call(myObject,10,2); //返回20

　　　　　　　　　　　　myObject = myFunction.apply(myObject,[10,2]); //返回20

Arguments对象　　　

　　　javascript函数的内置对象，包含了函数调用的参数数组。

作用域/变量的生命周期

　　　局部作用域，函数执行完毕后销毁

　　　全局作用域，页面关闭后销毁

 

　　　全局和局部变量即便名称相同，它们也是两个不同的变量。修改其中一个，不会影响另一个的值。

 

变量提升

　　　javascript中，函数及变量的声明都将提升到函数的最顶部。（声明提升，初始化不提升。）

严格模式 use strict

 　　　"use strict" 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。它是一个字面量表达式，会在旧版本中忽略。

　　　严格模式下，不能使用未声明的变量。

　　　Internet Explorer 10 +、 Firefox 4+ Chrome 13+、 Safari 5.1+、 Opera 12+。

　　　严格模式新增了一些保留关键字：

　　　　　　implements, interface, let, package, private, protected, public, static, yield.

正则表达式

　　　文本搜索/文本替换

　　　String对象的方法：

　　　　search();     用法：str.search(/Runoob/i);

　　　　replace(); 　用法：str.replace(/a/i,"RR");　

　　　　split();        用法：

　　　　match();     用法：str.match("word"); 查找字符串中特定的字符，找到的话，返回这个字符；未找到，返回null。

　　　RegExp对象的方法：

　　　　compile();  用法：        编译正则表达式

　　　　exec();      用法：pattern.exec(str); 检索字符串中的指定值。找到，返回，找到的值；未找到，返回 null。

　　　　test();       用法：pattern.test(str); 搜索字符串指定的值，根据结果并返回真或假。

　　　修饰符：

　　　　i；不区分大小写 g;全局匹配 m;多行匹配

　　　量词：

　　　　n?；0个或1个n

　　　　n+；至少一个n

　　　　n*；0个或多个

　　　　n{X} ; X个n

　　　　n{X,Y} ; 至少X个n，至多Y个n

　　　　n{X,} ; 至少X个n

　　　　n$; 以n结尾

　　　　^n; 以n开头

　　　　?=n; 任何其后紧接n的字符串

　　　　?!n; 任何其后不紧接n的字符串

　　　方括号：

　　　　[abc];查找方括号之间的任何字符

　　　　[^abc];查找任何不在方括号之间的字符

　　　　[a-z0-9];查找给定集合内的任何字符

　　　　[green|red|blue];查找任何指定的选项

　　　元字符：

　　　　. \w \W \d \D \s \S \b \B \0 \n \f \r \t \v \uxxx \xdd \xxx

阻止默认操作

　　　preventDefault();

停止冒泡

　　　stopPropagation();

 

　　（本文属个人总结，后期会持续更新，欢迎大家与我共同探讨...）