美文网首页
开发过程的一些总结js篇

开发过程的一些总结js篇

作者: shoage | 来源:发表于2019-04-17 09:42 被阅读0次

    1.JavaScript把null、undefined、0、NaN和空字符串''视为false,其他值一概视为true,因此上述代码条件判断的结果是true

    2.访问属性是通过.操作符完成的,但这要求属性名必须是一个有效的变量名。如果属性名包含特殊字符,就必须用''括起来,访问这个属性也无法使用.操作符,必须用['xxx']来访问:'middle-school':'No.1 Middle School',xiaohong['middle-school'];//'No.1 Middle School'

    3由于JavaScript允许传入任意个参数而不影响调用,因此传入的参数比定义的参数多也没有问题,虽然函数内部并不需要这些参数:要避免收到undefined,可以对参数进行检查

    4.JavaScript还有一个免费赠送的关键字arguments,它只在函数内部起作用,并且永远指向当前函数的调用者传入的所有参数。arguments类似Array但它不是一个Array;

    5.为了获取除了已定义参数a、b之外的参数,我们不得不用arguments,并且循环要从索引2开始以便排除前两个参数,这种写法很别扭,只是为了获得额外的rest参数,有没有更好的方法?ES6标准引入了rest参数,rest参数只能写在最后,前面用...标识,从运行结果可知,传入的参数先绑定a、b,多余的参数以数组形式交给变量rest,所以,不再需要arguments我们就获取了全部参数。如果传入的参数连正常定义的参数都没填满,也不要紧,rest参数会接收一个空数组(注意不是undefined)

    6.JavaScript引擎有一个在行末自动添加分号的机制,这可能让你栽到return语句的一个大坑,正常情况return后同一行紧跟一个“{”

    7.JavaScript的函数定义有个特点,它会先扫描整个函数体的语句,把所有申明的变量“提升”到函数顶部:var x = 'Hello, ' + y;只要y在该语句后面声明,这句并不报错,但是console.log显示Hello, undefined,说明变量y的值为undefined。这正是因为JavaScript引擎自动提升了变量y的声明,但不会提升变量y的赋值,由于JavaScript的这一怪异的“特性”,我们在函数内部定义变量时,请严格遵守“在函数内部首先申明所有变量”这一规则。最常见的做法是用一个var申明函数内部用到的所有变量

    8.不在任何函数内定义的变量就具有全局作用域。实际上,JavaScript默认有一个全局对象window,全局作用域的变量实际上被绑定到window的一个属性,进一步大胆地猜测,我们每次直接调用的alert()函数其实也是window的一个变量:这说明JavaScript实际上只有一个全局作用域。任何变量(函数也视为变量),如果没有在当前函数作用域中找到,就会继续往上查找,最后如果在全局作用域中也没有找到,则报ReferenceError错误

    9.全局变量会绑定到window上,不同的JavaScript文件如果使用了相同的全局变量,或者定义了相同名字的顶层函数,都会造成命名冲突,并且很难被发现。
    减少冲突的一个方法是把自己的所有变量和函数全部绑定到一个全局变量中。例如:// 唯一的全局变量MYAPP:varMYAPP = {};// 其他变量:MYAPP.name ='myapp';MYAPP.version =1.0;// 其他函数:MYAPP.foo =function(){return'foo';};

    10.高阶函数除了可以接受函数作为参数外,还可以把函数作为结果值返回。我们来实现一个对Array的求和。通常情况下,求和的函数是这样定义的:
    functionsum(arr){returnarr.reduce(function(x, y){returnx + y; });}sum([1,2,3,4,5]);// 15
    但是,如果不需要立刻求和,而是在后面的代码中,根据需要再计算怎么办?可以不返回求和的结果,而是返回求和的函数!functionlazy_sum(arr){varsum =function(){returnarr.reduce(function(x, y){returnx + y; }); }returnsum;}var f = lazy_sum([1,2,3,4,5]);f();//15

    11.闭包,注意到返回的函数在其定义内部引用了局部变量arr,所以,当一个函数返回了一个函数后,其内部的局部变量还被新函数引用,所以,闭包用起来简单,实现起来可不容易。另一个需要注意的问题是,返回的函数并没有立刻执行,而是直到调用了f()才执行。
    闭包是携带状态的函数,返回的函数没有立即调用,所以不能使用可能改变的变量,返回的函数记录了外部函数的参数和局部变量

    12.创建一个匿名函数并立刻执行”的语法:(function(x){returnx * x;})(3);// 9

    function* 生成器函数返回生成器对象,然后通过多次调用yield返回值,也是记录状态的函数

    13.箭头函数和匿名函数有个明显的区别:箭头函数内部的this是词法作用域,由上下文确定。我理解的是 正经的匿名函数里,this是谁调用它 它就指向谁,但在箭头函数里,谁调用它 它不管,它只看this.xx里的xx是在哪声明的,谁声明的this就指向谁

    14.number、string、boolean、function和undefined有别于其他类型。特别注意null的类型是object,Array的类型也是object,如果我们用typeof将无法区分出null、Array和通常意义上的object——{}。

    15.不要使用new Number()、new Boolean()、new String()创建包装对象;
    用parseInt()或parseFloat()来转换任意类型到number;
    用String()来转换任意类型到string,或者直接调用某个对象的toString()方法;
    通常不必把任意类型转换为boolean再判断,因为可以直接写if (myVar) {...};
    typeof操作符可以判断出number、boolean、string、function和undefined;
    判断Array要使用Array.isArray(arr);
    判断null请使用myVar === null;
    判断某个全局变量是否存在用typeof window.myVar === 'undefined';
    函数内部判断某个变量是否存在用typeof myVar === 'undefined'。
    任何对象都有toString()方法吗?null和undefined就没有!确实如此,这两个特殊值要除外,虽然null还伪装成了object类型。
      number对象调用toString()报SyntaxError:123.toString();//SyntaxError遇到这种情况,要特殊处理一下:123..toString();//'123', 注意是两个点!(123).toString();//'123'

    16.NumberObject.toFixed(num)方法返回的是string类型,不能直接拿来运算

    相关文章

      网友评论

          本文标题:开发过程的一些总结js篇

          本文链接:https://www.haomeiwen.com/subject/wzhgwqtx.html