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();

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