javascript中常用编程知识

1.null 与 undefined

* 从一个对象中获取某个属性，如果该对象及其 prototype 链 中的对象都没有该属性的时候，该属性的值为 undefined 。
* 一个 function 如果没有显式的通过 return 来返回值给其调用者的话，其返回值就是 undefined 。有一个特例就是在使用new的时候。
* JavaScript 中的 function 可以声明任意个形式参数，当该 function 实际被调用的时候，传入的参数的个数如果小于声明的形式参数，那么多余的形式参数的值为 undefined 。
* null为空对象，注意与空的对象（{}）的区别。
简单来说，对于所有变量，只要声明后还没有指定初始值 ，那么他就是undefined，如果是Object类型用来表示空引用的概念，那么就是用null来表示。

2.if 表达式

* Null总是为假（false）
* Undefined总是为假（false）
* Number+0，-0 或是 NaN 的时候为假，其它值为真
* String空字符串的时候为假，其它值为真
* Object总是为真（true）

3.Array

JavaScript 中的数组（Array）和通常的编程语言，如 Java 或是 C/C++ 中的有很大不同。在 JavaScript 中的对象就是一个无序的关联数组，而 Array 正是利用 JavaScript 中对象的这种特性来实现的。在 JavaScript 中，Array 其实就是一个对象，只不过它的属性名是整数，另外有许多额外的属性（如 length）和方法（如 splice）等方便地操作数组。

4.new 运算符

JavaScript 中并没有 Java 中的类（class）的概念，而是采用构造器（constructor）的方式来创建对象。在 new 表达式中使用构造器就可以创建新的对象。由构造器创建出来的对象有一个隐含的引用指向该构造器的 prototype 。

5.prototype

prototype是javascript原型继承的核心概念，大家一定在某个javascript类库里面见过 Array.prototype.push.call()这样的用法，所以归根结底prototype是一个对象。我们可以通过 prototype给native class添加一些有用的方法，也可以通过prototype实现继承。如果对prototype比较感兴趣，可以在ff里面通过__proto__来访 问指定对象的原型链。

6.scope chain

执行上下文（execution context）是 ECMAScript 规范中用来描述 JavaScript 代码执行的抽象概念。所有的 JavaScript 代码都是在某个执行上下文中运行的。在当前执行上下文中调用 function 的时候，会进入一个新的执行上下文。当该 function 调用结束的时候，会返回到原来的执行上下文中。如果 function 调用过程中抛出异常，并没有被捕获的话，有可能从多个执行上下文中退出。在 function 调用过程，也可能调用其它的 function，从而进入新的执行上下文。由此形成一个执行上下文栈。

注：如果对scope chain比较感兴趣，可以在ff里面通过__parent__属性来访问函数的scope chain，比较遗憾的是ff的js引擎SpiderMonkey对这个属性的支持不是很完美，出现内部函数的时候会出错，所以建议用Rhino （http://developer.mozilla.org/en/docs/Rhino）。

注：这里需要提的是注意函数表达式和函数声明对scope chain的影响。

7.closure

闭包也算是js比较常用的特色功能了，一般我们在java里面执行完毕的一个函数，内部变量将全部被回收，但在javascript中，我们可以通过某些方法，使执行完的函数的内部变量依然存在，并且可访问,这样就构成了一个闭包。

当然，什么东西都有两面性，闭包给我们带来好处的时候，也会带来不少的麻烦，比如一个不留神就产生了内存的泄漏，所以我们需要合理的应用这些技术。如果要 深入学习闭包，建议去看几个js library（prototype，jquery，mootools），里面有一些很经典的闭包应用，比如bind方法等，这里就不多赘述。

赞 (0)

相关推荐

  • javascript中常用编程知识

    1.null 与 undefined * 从一个对象中获取某个属性,如果该对象及其 prototype 链 中的对象都没有该属性的时候,该属性的值为 undefined . * 一个 function 如果没有显式的通过 return 来返回值给其调用者的话,其返回值就是 undefined .有一个特例就是在使用new的时候. * JavaScript 中的 function 可以声明任意个形式参数,当该 function 实际被调用的时候,传入的参数的个数如果小于声明的形式参数,那么多余的形

  • JavaScript中常用的验证reg

    不错的JS验证~~~~~~~~~~~~~~~~~~~~~~~~~ 用途:校验ip地址的格式 输入:strIP:ip地址 返回:如果通过验证返回true,否则返回false: */ function isIP(strIP) { if (isNull(strIP)) return false; var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g //匹配IP地址的正则表达式 if(re.test(strIP)) { if( RegExp.$1 <256 && R

  • 详解JavaScript中常用的函数类型

    网页中的java代码需要写在JavaScript中,里面部分少不了函数,介绍一下JavaScript中常用的函数类型. 1.可变函数 <script> function show(){ alert("第一个..."); } function show(str){ alert("第二个"); } function show(a,b){ alert("第三个..."); alert(a+":"+b); } </s

  • JavaScript中常用的3种弹出提示框(alert、confirm、prompt)

    三种提示框 alert () confirm() prompt () alert () alert()方法是显示一条弹出提示消息和确认按钮的警告框. 需要注意的是 :alert()是一个阻塞的函数,如果我们不点确认按钮,后面的内容就不会加载出来. 使用方式: alert("想要提示的文本内容") 样例代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <

  • Javascript中的奇葩知识,你知道吗?

    久经沙场的前辈们,写了无数代码,踩了无数的坑.但有些坑,可能一辈子也踩不到摸不着,因为根本不会发生在业务代码里-- 1 Function.prototype 竟然是个函数类型.而自定义函数的原型却是对象类型. typeof Function.prototype === 'function'; // true function People() {} typeof People.prototype === 'object'; // true 所以我们设置空函数可以这么做: // OK const

  • JavaScript中常用的数组操作方法

    目录 一.concat() 二.join() 三.push() 五.shift() 六.unshift() 七.slice() 八.splice() 九.substring() 和 substr() 十.sort 排序 十一.reverse() 十二.indexOf 与 lastIndexOf 十三.every 对数组 十四.some 十五.filter 十六.map 十七.forEach 数组遍历 1.find(): 2.findIndex(): 3.fill(): 4.copyWithin(

  • JavaScript中常用的几种字符串方法汇总（新手必看）

    JavaScript中常用的几种字符串方法汇总（新手必看）

    JavaScript常用的几种字符串方法 字符串是一种只读数据,只能查 常用的几种字符串方法: 1.charAt:根据指定的下标获取到对应的字符; 2.charCodeAt:根据指定的下标获取到字符对应的阿斯克码:(底部有ASCII对照表) ps:通过阿斯克码获取到字符: 3.substring:截取字符串: 4.substr:截取字符串: 5.slice:截取字符串: 6.indexOf:查找字符/子字符串在大字符串中第一次出现的位置,找到了返回下标,找不到返回-1: 7.lastIndexO

  • JavaScript中常用的数组操作方法总结

    目录 前言 数组基础遍历方法 for for of for in 数组的基础操作方法 push:尾部追加元素 pop:尾部移出元素 unshift:头部追加元素 shift:头部移出元素 splice:删除添加替换 concat:连接 join:分割 slice:切割 includes:查询 indexOf:查询 fill:填充/替换 es6中带来的数组高阶方法 forEach:迭代(枚举) filter:过滤 map:映射 find:查找 findIndex:查找下标 前言 函数和方法的区别:

  • 一篇文章带你吃透JavaScript中的DOM知识及用法

    目录 一.前言 二.DOM框架 三.认识DOM节点 四.JS访问DOM 1.获取节点 2.改变 HTML 3.改变 CSS 4.检测节点类型 5.操作节点间的父子及兄弟关系 6.操作节点属性 7.创建和操作节点 总结 一.前言 DOM:Document Object Model(文档对象模型),定义了用户操作文档对象的接口,可以说DOM是自HTML将网上相关文档连接起来后最伟大的创新.它使得用户对HTML有了空前的访问能力,并使开发者将HTML作为XML文档来处理. 本文知识导图如下: 二.DO

  • JavaScript ES6常用基础知识总结

    ES6 let与const及其相关 块级作用域 ES6新增了块级作用域,总结一句话大致就是:大括号{}包起来的代码块基本山都可以当做块级作用域. 常见的有 直接使用{}包起来: { var a = 4 } 函数体大括号,if-else大括号,for循环大括号,switch大括号,try-catch大括号等. 需要注意的是,for循环,每一次循环时的{}都是一个独立的块级作用域. for(let i=0; a < 5; i++){ let j = i } 上面代码循环了五次,实际上有五个独立的j.

随机推荐