数据类型：

作用域

每个函数都有自己的执行环境，执行环境定义了变量有权访问的其他数据，决定了他们各自的行为。

每个执行环境都有一个与之关联的变量对象（variable object），环境中定义的所有变量或函数都保存在这个对象中。

当代码在一个环境中执行时，会创建变量对象的作用域链

js没有块级作用域

函数声明与函数表达式

function test(){}//函数声明,他的重要特性是函数声明提升

var test=function(){}//函数表达式

递归

保险的递归写法（命名函数表达式）：

 var factorial = (function fa(num){

     if(num<=1){

         return 1;

     }else{

         console.log(num);

         return num*fa(num-1);

     }

 });

闭包

创建闭包：在一个函数内部创建另一个函数；

作用：延长变量的作用域链

原理：内部函数的作用域链包含外部函数的作用域链

缺点：过度使用可能会造成内存泄露

例子：这个例子中写了两个按钮，点击按钮的时候弹出此按钮被点击的次数。

 <body>

 <button id="btn1" onclick="test1()">btn1</button>

 <button id="btn2" onclick="test2()">btn2</button>

 <script>

     var test1 = showClickNumber();

     var test2 = showClickNumber();

     function showClickNumber(){

         var number = 0;

         return function(){

             number = number+1;

             alert(number);

         }

     }

 </script>

 </body>

这个例子可以形象地描述一个闭包：showClickNumber函数内部先定义了一个变量number用于计数，然后返回一个匿名函数；

在这个匿名函数里面，我们使用到了外部函数的number变量；

这样虽然showClickNumber函数执行完了，但它的内部变量number也不会销毁，因为他还在被test1，test2方法引用。

虽然只申明了一个变量，两个按钮却会各自统计各自的点击数量，不会相互影响

关于this对象

this对象是在运行时基于函数的执行环境绑定的

1、在全局函数中：this=window；

2、函数作为某个对象的方法被调用时：this=对象；

3、通过call()或apply()改变函数执行环境时，this指向指定的对象

模仿块级作用域--私有作用域

(function(){

//块级作用域

})();

js没有块级作用域的概念，用这样一个自执行的函数（闭包）包起来，它里面的变量就成了局部变量，还可以提高运行速度

创建对象的推荐方式

1、组合使用原型模式和构造函数模式

function Persion(name,age,job){

    this.name = name;

    this.job = job;

    this.age = age;

}

//protocol指向函数的原型对象，原型对象会自动获得constructor（构造函数）属性

//constructor包含一个指向prototype属性所在函数的指针

//通过constructor，还可以为原型对象添加其他属性和方法

//下面的代码，我们重置了Persion原型，应该为constructor赋值，否则就丢失了constructor值

Persion.prototype={

    constructor:Persion,

    sayName:function(){

        alert(this.name);

    }

}

2、动态原型模式

 function Persion(name,age,job){

     this.name = name;

     this.job = job;

     this.age = age;

     if(typeof this.sayName() != "function"){

         Persion.prototype.sayName = function(){

             alert(this.name);

         }

     }

 }

js 一些基础知识的更多相关文章

  1. css+js+html基础知识总结

    css+js+html基础知识总结 一.CSS相关 1.css的盒子模型:IE盒子模型.标准W3C盒子模型: 2.CSS优先级机制: 选择器的优先权:!important>style(内联样式) ...

  2. 001/Node.js(Mooc)--基础知识

    一.Node.js基础知识 node.js用C++语言编写. 简单的说 Node.js 就是运行在服务端的 JavaScript. Node.js 是一个基于Chrome JavaScript 运行时 ...

  3. node.js的基础知识

    第一部分知识: .命令行窗口(小黑屏).CMD窗口.终端.shell - 开始菜单 --> 运行 --> CMD --> 回车 - 常用的指令: dir 列出当前目录下的所有文件 c ...

  4. js的基础知识笔记

    目录 一.基本数据类型 二.函数 三.面向对象 一.基本数据类型 1.使用var声明变量.使用;结尾.使用{}表示代码块.使用驼峰式命名 2.变量是弱类型的,即并不严格要求声明变量的类型,一个变量可以 ...

  5. 【JS】基础知识

    引言 在互联网的演化过程中,网页制作是Web1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主. 2005年以后,互联网进入了Web2.0时代,各类似桌面软件的Web应用大 ...

  6. 二、js中基础知识

    该篇文章主要是强化一下自己javaScript的基础,让写代码变得更轻松些.基础好的请忽略.    JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解 ...

  7. JS的基础知识

    前言:写前端代码时的各种取值纠结,让我决定我必须要好好学一下js............加油~ $("#tr"+id).remove() 删除某一行,而不用刷新页面 HightCh ...

  8. js函数基础知识

    [函数的声明及调用] function 函数名(参数1,参数2,....){ //函数体代码 return返回值: } 1.函数的调用: ①直接调用:函数名(参数1的值,参数2的值,....) ②事件 ...

  9. three.js引擎基础知识—摄像机、场景及渲染器

    一.three.js采用右手坐标系: x轴正方向向右,y轴正方向向上,z轴由屏幕从里向外,如下图右: 二.3D编程三要素:场景.渲染器.摄像机 1.场景:创建的物品和模型都需放入场景中 threejs ...

  10. JS常用基础知识

    前言:在js中dom和bom是我们操作的基本,在最初接触时候我也懵,但是后来慢慢发现其实bom就是操作浏览器,而dom就是操作文本框节点.

随机推荐

  1. [svc]salt-jinja模版

    实现不同机器的差异化配置 把apache监听的端口统一改为8080 把配置文件files/httpd.conf 文件做成模版 修改lamp.sls改模版变量赋值 执行看结果: ok come on. ...

  2. java线程阻塞问题排查方法

    我开发的worker,每隔几个月线上都会阻塞一次,一直都没查出问题.今天终于了了这个心结.把解决过程总结下和大家分享. 首先用jstack命令打出这个进程的全部线程堆栈.拿到线程dump文件之后,搜索 ...

  3. 【转】搞清楚LzoCodec和LzopCodec

    使用LZO过程会发现它有两种压缩编码可以使用,即LzoCodec和LzopCodec,下面说说它们区别: LzoCodec比LzopCodec更快, LzopCodec为了兼容LZOP程序添加了如 b ...

  4. 关于love2d教程的更新

    实在抱歉,每周工作六天,一天13小时以上,周日想休息一下,love2d的估计一个月一篇都很难做到了. 三个月后公司的项目应该做完了,那时应该有时间了. love2d估计快发布0.9了,改动应该不是很大 ...

  5. 001jsp的基本知识-包括生命周期，怎么编译等等

    4 Jsp基础 4.1 Jsp引入 Servlet的作用: 用java语言开发动态资源的技术!!! Jsp的作用:用java语言(+html语言)开发动态资源的技术!!! Jsp就是servlet!! ...

  6. doAfterBody()方法是在（ ）接口中定义的。

    A．Tag B．IterationTag C．BodyTag D．TagSupport 解答:B

  7. ActionContextCleanUp

    ActionContextCleanUp作用   延长action中属性的生命周期,包括自定义属性,以便在jsp页面中进行访问,让actionContextcleanup过滤器来清除属性,不让acti ...

  8. c/c++学习之c++ 中的list <>容器

    http://blog.csdn.net/mazidao2008/article/details/4802617 push 实例化 即添加 http://www.cnblogs.com/BeyondA ...

  9. iOS音频播放 (三)：AudioFileStream 转

    原文出处 :http://msching.github.io/blog/2014/07/09/audio-in-ios-3/ 前言 本来说好是要在第三篇中讲AudioFileStream和AudioQ ...

  10. json转datatable(正则表达式的方法)

    /// <summary> /// 将json转换为DataTable /// </summary> /// <param name="strJson" ...