• javascript基本概念（一）

    一、严格模式

    　　1、 ECMAScript5中引入了严格模式（strict mode）的概念。本意是为javascript定义了一种不同的解析与执行模式。

    　　2、 严格模式下的不同：

    　　（1）、一些不确定行为将得到处理。

    　　（2）、对某些不安全操作也会抛出异常。

    　　要在脚本中启用严格模式，就在顶端添加代码：

    1. use strict

    　　3、严格模式下，javascript的执行结果会有很大不同。

    　　4、支持严格模式的浏览器如下：

    　　IE10+

    　　Firefox 4+

    　　Safari 5.1+

    　　Opera 12+

    　　Chrome

    二、变量

    　　1、 ECMAScript的变量都是松散类型，也就是可以用来保存任何类型的数据，每个变量仅仅是一个用来保存值的占位符而已。

    　　2、未经过初始化的变量，将自动保存undefined。

    1. var sum
    2. console.log(sum);
    3. /*
    4. 输出：
    5. >>undefined
    6. */

    　　3、变量的作用域：

    　　（1）、使用var操作符定义的变量将成为定义该变量的作用域中的局部变量。如果在函数中使用var定义一个变量，那么这个变量在函数退出后就会销毁。

    　　（2）、 变量message是在函数中使用var定义的，当函数被调用时，就会创建该变量并为其赋值。而后，这本变量又会被立刻销毁

    1. function test(){
    2.     var message="h1";//局部变量
    3. }
    4. test();
    5. console.log(message);//报错

    　　（3）、当忽略了var操作符时（隐式变量命名法），导致message变成全局变量。这样只要调用test()一次，这个变量就有了定义，可以在函数外部任何地方访问。

    　　（4）、虽然忽略var操作符可以使变量成为全局变量，但是这种方法不推荐使用。因为局部作用域中定义全局变量很难维护，有意的忽略var操作符，也会由于相应变量不会马上就有定义而导致不必要的混乱。在严格模式下，给未声明的变量赋值会抛出ReferenceError错误。*在ECMAscript第5版本中的starct mode中，隐式全局变量已经被判定为一种错误。

    1. function test(){
    2.     message="h1";
    3. }
    4. test();
    5. console.log(message);
    6.  /*
    7. 输出：
    8. >>hi
    9. */

    三、数据类型

    　　1、在ECMAScript中有5种简单数据类型（基本数据类型）

    1. Undefined//变量未赋值时产生
    2. Null//空
    3. Boolean//布尔型
    4. Number//数据型
    5. String//字符型

    　　2、1种复杂数据类型

    1. Object
    2. //本质上是由一组无序名值对组成的

    　　3、typefo操作符

    　　（1）、 一种用来检测变量数据类型的操作符

    1. /*对一个值使用typeof操作符可能返回以下某个字符串
    2. 　　"undefined"//如果这个值未定义
    3. 　　"boolean"//如果这个值是布尔值
    4. 　　"string"//如果这个值是字符串
    5. 　　"number"//如果这个值是数值
    6. 　　"object"//如果这个值是对象或者null
    7. 　　"function"//如果这个值是函数
    8. */
    9. 　　var int1;
    10. 　　var int2=true;
    11. 　　var int3="sun";
    12. 　　var int4=1;
    13. 　　var int5=new Object();
    14. 　　int5.name="zhou";
    15. 　　int5.age=5;
    16. 　　var int6=function(){
    17. 　　document.write(你好);
    18. 　　};
    19. 　　console.log(typeof(int1));
    20. 　　console.log(typeof(int2));
    21. 　　console.log(typeof(int3));
    22. 　　console.log(typeof(int4));
    23. 　　console.log(typeof(int5));
    24. 　　console.log(typeof(int6));
    25. /*输出为：
    26. 　　"undefined"
    27. 　　"boolean"
    28. 　　"string"
    29. 　　"number"
    30. 　　"object"
    31. 　　"function"
    32. */

    　　（2）、typeof使用例子

    1. var message="some string"
    2. alert(typeof message);
    3. alert(typeof (message));
    4. alert(typeof 95);

    　　typeof操作符的操作数可以是变量，可以是数值字面量。

    　　typeof是一个操作符而不是函数，尽量用圆括号使用。

    四、解释型语言

    　　1、概念：解释型语言是在运行环境中进行编译的语言。反之编译型语言，则是需要通过IDE编译，才可以在环境中运行的语言。

    　　2、特点：

    　　（1）解释型语言：

    　　a：对于开发者来说，开发更为容易。相对于编译型语言。

    　　b：运行速度，都会慢于编译型语言，当然这是理论上的描述。当google开发出v8内核的浏览器时，这一界限已然模糊。

    　　（2）编译型语言：

    　　a：对于开发者来说，学习成本高的。例如c++，就被号称是十年磨一剑的语言。

    　　b：运行数度快。就向前面说的，这一界限已经比较模糊了

    　　3、总结：

    　　选择程序设计语言时，比起考虑编译型语言还是解释型语言，更重要的目的是考虑语言的设计目的，项目的正真需求是什么，究竟是为了使开发过程变得轻松快速开发，还是为了提高执行效率。设计javascript之处，优先考虑的是使开发过程变得轻松。

    五、动态语言

    　　1、javascript是一种动态语言，单从代码的角度来看，动态语言的变量和函数是不指定返回值类型的。

    六、基于原型的面向对象

           1、基于原型的面向对象语言特性和基于类的面向对象特性是有所差别的。

    七、字面量的表达能力

           1、字面量功能相对来说非常优秀

    八、函数式编程

            1、javascript能够直接支持的程序设计范本在本质上还是过程式的，但是由于具备了匿名函数，可以把函数作为对象来使用，所以同时也能够支持函数式编程。

    九、常量

            1、ECMAscript标准中没有规定常量的声明。不过在javascript的自定义增强功能中，是可以对常量进行赋值的。

            2、常量名一般都以大写字母表示。

            3、赋值方法，关键字const。

    1. const FOO=7;
    2. console.log(FOO)
    3. /*
    4. 输出：
    5. >>7
    6. */
            4、即使给常量再次赋值，这个常量的值也不会发生改变。
    1. const FOO = 7;
    2. FOO = 8;
    3. console.log(FOO);
    4. /*
      输出：
      >>7
      */
    十、函数
            1、javascript的函数和其他语言的函数命名规则基本一致，都是由一连串的子程序（语句集合）所组成的，可以被外部程序调用。向函数传递参数后，函数可以返回一定的值。
            2、只有在调用函数时才会执行函数体内部的代码
    1. document.write(1+'<>');
    2. function f(){
    3.  document.write(2+'<>');
    4. }
    5. document.write(3+'<>');
    6. f();
    7. /*
    8. 输出结果:
    9. >>1
    10. >>3
    11. >>2
    12. */
            3、函数的声明与调用
            （1）、以关键字function开始，后跟函数名、参数成列、和函数体
    1. function 函数名（形参，形参~~~~）｛
    2.   函数体
    3. ｝//声明方法

    5. 函数名（实参，实参~~~~）//调用方法
    1. function sum(a,b){
    2.  return Number(a)+Number(b);
    3. }
    4. document.write(sum(3,4));
    5. /*
    6. 输出：
    7. >>7
    8. */
            （2）、函数声明是不必指定形参类型。
            （3）、形参的数量和实参的数量可以不一致。
            （4）、不存在函数重载这一特殊。
            4、匿名函数
            （1）、在function后可以省略函数名、参数列表、函数体
    1. function(形参){
    2.  函数体
    3. }
            （2）、和函数表达式的区别是能否省略函数名。
            （3）、匿名函数表达式是一种表达式而非语句，所以也可以在表达式内使用。
            （4）、拥有返回值，返回值是一个Function对象引用
    1. var sum2=function(a,b){
    2.  return Number(a)+Number(b)
    3. }
    4. document.write(sum2(3,4));
    5. /*
    6. 输出结果：
    7. 7
    8. */赋值表达式右侧的就是匿名函数表达式
            （5）、也可以通过赋值的方式，将匿名函数赋值给其他变量
    1. var sum = function (a,b){
    2.  return Number(a)+Number(b);
    3. }
    5. var sum2=sum;
    6. document.write(sum(1,2)+"<br/>");
    7. document.write(sum2(3,4));
    8. /*
    9. 输出结果：
    10. >>3
    11. >>7
    12. */

            a、可以理解为sum2持有sum函数对象的引用

    参考书籍资料：

    1、javascript编程全解http://www.ituring.com.cn/book/1140

    2、javascript 岳英俊http://pan.baidu.com/s/1eQlegKE
  • 相关阅读:
    关于web标准的理解(转)
    media type 与 media query
    HTML 5 学习 （1）
    jQuery的事件和动画
    jQuery操作Dom
    jQuery选择器的学习
    关于datetime和int 是否可为null的问题
    core animation （转）
    关于Navigation的BarButtonItem的
    iphone和ipad各控件大小
  • 原文地址：https://www.cnblogs.com/Zjingwen/p/4461832.html
Copyright © 2020-2023  润新知