• javascript高级程序语言学习笔记


    1、加法操作符(+)的用法

    第一种情况,如果两个操作符都是数值,执行常规的加法计算。

    第二种情况,如果两个操作数都是字符串,则将第二个操作数与第一个操作数拼接起来。

    第三种情况,只有一个操作数是字符串,则将另一个操作数转换为字符串,然后再将两个字符串拼接起来。

    如果有一个操作数是对象、数值或布尔值,则调用他们的toString()方法取得相应的字符串值,然后再应用关于字符串的规则,例如

    var result =  5 + 5  //  一个数值和一个数值相加

    alert(result)   // 10

    var result2=  5 + “5”   //  一个数值和一个字符串相加

    alert(result2)   //  "55"

    这时候,我们也可以通过result=5+pareseInt(“5”)=10

    2、减法操作符(-)的用法

    第一种情况,如果两个操作符都是数值,执行常规的减法计算(如果操作数中有一个是NaN则结果是NaN)。

    第二种情况,如果有一个操作数是字符串、布尔值、null或undefined,则先在后台调用Number()函数将其转换为数值,然后再根据前面的规则执行减法计算。如果转换的结果是NaN,则减法的结果就是NaN;

    第三种情况,只有一个操作数是对象,则调用对象的valueOf()方法以取得表示该对象的数值。如果得到的值是NaN,则减法的结果就是NaN:例如

    3、for循环语句中,在循环内部定义的变量也可以在外部访问到例如

    var count =10;

    for(var i=0;i<count;i++){

         alert(i);

    }

    alert(i);  // 10

    4、函数

    函数的定义有三种方法,常见的是第一种函数声明function abc(){}、第二种函数表达式var abc=function(){}、第三种构造函数var abc=new date()

    函数声明和函数表达式的区别

    浏览器解析器会率先读取函数声明,并使其在执行任何代码之前(可以访问);至于函数表达式,则必须等到解析器执行到它所在的代码行,才会真正被执行。,即调用函数声明的,调用的代码可以放于函数前后都可以调用到,而函数表达式,必须放在表达式的后面才可以调用到。!!!

    函数声明

    执行正常!

    函数表达式

    执行出错

    在函数中,函数里面接收的参数名可以写也可以不写,调用改函数的表达式中,可以传一个参数也可以穿多个或者不传都不会报错,因为函数解析的时候是以数组的形式按顺序解析,

    我们可以通过arguments.length来获取传过来的参数的个数,可以用arguments[0]来获取第一个参数等等,arguments是一个类似组数的对象。。。。。

    关于参数:没有传递值的命名参数将自动被赋予undefined值

    function calNum(num1,num2){

    alert(arguments.length);  //弹出1

    alert(arguments[0]);  //弹出10===》》 arguments[0] 相当于弹出num1的值

    alert(num1);  //弹出10

    alert(num2);  //弹出undefined,没有传num2过来,相当于定义了变量num2但是没有给予初始值,所以是undefined

    return num1+num2;

    }

     calNum(10);

    类别一:构造函数

    所谓构造函数,就是通过这个函数,可以生成一个新对象。

    按照javascript的说法,function定义的这个Person就是一个Object(对象),而且还是一个很特殊的对象,这个使用function定义的对象与使用new操作符生成的对象之间有一个重要的区别。这个区别就是function定义的对象有一个prototype属性,使用new生成的对象就没有这个prototype属性。 
    prototype属性又指向了一个prototype对象,注意prototype属性与prototype对象是两个不同的东西,要注意区别。在prototype对象中又有一个constructor属性,这个constructor属性同样指向一个constructor对象,而这个constructor对象恰恰就是这个function函数本身。

    5、基本类型跟引用类型的值

    基本数据类型:Undefined、Null、Boolean、Number和String

    引用类型:对象Object

    区别一:基本数据类型不可以动态添加属性,而引用类型可以动态添加!!

    区别二:复制变量值

    基本类型值(在复制基本类型的值时,会在变量对象上创建一个新值,然后把该值复制到为新变量分配的位置上):

    var num1=5;

    var num2=num1;

    在此,num1中保存的值是5.当使用num1的值来初始化num2时,num2中也保存了值5。但num2中的5与num1中的5是完全独立的,该值只是num1中5的一个副本。此后,这两个变量可以参与任何操作而不相互影响。即num2=10时num1中的值还是5。

    引用类型值(复制操作结束后,两个变量实际上将引用同一个对象(指向同一个指针),因此改变其中一个变量,就会影响到另一个变量):

    var obj1 =new Object();

    var obj2 =obj1;

    obj1.name=“maliya”;

    alert(obj2.name);  //“maliya”

    6、执行环境及作用域

    执行环境(作用域)定义了函数有权访问的其他数据,决定了它们各自的行为。所有全局变量和函数都是作为window对象的属性和方法创建的。当代码在一个环境中执行时,会创建变量对象的一个作用域链,标识符解析是沿着作用域链一级一级的向全局环境搜索,直到找到标识符为止!!

    没有块级作用域

    在javascript中,if语句中的变量声明将变量添加到当前的执行环境,对于for语句创建的变量即使在for循环执行结束后,也会依旧存在于循环外部的执行环境中!!!

    if(true) {

    var color=“blue”

    }

    alert(color)//"blue"

    for(var i=0;i<10;i++) {

    doSomething(i);

    }

    alert(i)  //10

    7、声明变量

    使用var声明的变量会自动被添加到最接近的环境中,在函数内部,最接近的环境就是函数的局部环境,如果初始化变量时没有使用var声明,该变量会被自动添加到全局环境

    8、this的使用

    this是 JavaScript 语言的一个关键字。它是函数运行时,在函数体内部自动生成的一个对象,只能在函数体内部使用。总的来说,this就是函数运行时所在的环境对象。

    具体查看http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html

     9、数组的操作

    方法一:reverse()对数组进行取反操作

    方法二:sort()数组排序,在sort()里面加一个函数

    var arr=[0,1,5,10,15];

    arr.sort(compare); // [15, 10, 5, 1, 0]

    降序的函数

    function compare(value1,value2) {

        return value2-value1;

    }

    升序的函数

    function compare(value1,value2) {

        return value1-value2;

    }

    方法三:concat()基于当前数组中的所有项创建一个新数组,最后返回新构建的数组

    方法四:slice()基于当前数组中的一或多个项创建一个新数组。可以接受一个或两个参数,一个参数表示返回该参数指定位置开始到当前数组末尾的所有项,如果两个参数,返回起始和结束位置之间的项------但不包括结束位置的项,注意,slice()方法不影响原数组

     

    方法五:splice(),会改变原数组操作!

  • 相关阅读:
    揭开webRTC媒体服务器的神秘面纱——WebRTC媒体服务器&开源项目介绍
    打造一个上传图片到图床利器的插件(Mac版 开源)
    游戏编程十年总结(下)
    游戏编程十年总结(上)
    使用“Cocos引擎”创建的cpp工程如何在VS中调试Cocos2d-x源码
    手机网游实时同步方案
    Unity AssetBundle爬坑手记
    Unity3D新手引导开发手记
    敏捷开发随笔(一)高效软件开发之道
    U3D DrawCall优化手记
  • 原文地址:https://www.cnblogs.com/qdlhj/p/9301066.html
Copyright © 2020-2023  润新知