数据类型：

作用域

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

每个执行环境都有一个与之关联的变量对象（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. vim-程序员的利器

    个人觉得vi使用熟练后就离不开了,用了它效率会提升不少,但是没了它可能还赶不上以前的速度,给惯坏了. 以下是本人无耻的复制和粘贴的:(附图一张方便学习) Vim目前已经有各主流系统的版本,尽管vim较 ...

  2. 关于release后retainCount还是1的问题

    转自:http://www.cocoachina.com/bbs/read.php?tid=175523 realse之后再调用还能调用的的问题,我做了这么多年也是经常遇到,也曾经试图寻找原因, 就像 ...

  3. ios界面跳转

    import Foundationimport UIKit class MyViewController: UIViewController{ // var window: UIWindow? ove ...

  4. nginx日志自动切割

    1.日志配置 Nginx 日志分 access.log 记录哪些用户,哪些页面以及用户浏览器,IP等访问信息: error.log 记录服务器错误的日志 配置日志存储路径 location / { a ...

  5. nodejs具体解释

    文件夹 javascript与node.js     javascript与你     因为javascript真正意义上有两种,甚至能够说是三种形态(从最早的作为DHTML进行增强的小工具,到像jQ ...

  6. C语言 · 三角形面积

     算法提高 三角形面积   时间限制:1.0s   内存限制:256.0MB      问题描述 由三角形的三边长,求其面积. 提示:由三角形的三边a,b,c求面积可以用如下的公式: s=(a+b+c ...

  7. 应用于Java中的一个开源的表达式语言（Expression Language）

    OGNL(英文全称:Object Graph Navigation Language,中文名:对象导航图语言)是应用于Java中的一个开源的表达式语言(Expression Language),它被集 ...

  8. annexb模式

    h264有两种封装,一种是annexb模式,传统模式,有startcode,SPS和PPS是在ES中一种是mp4模式,一般mp4 mkv会有,没有startcode,SPS和PPS以及其它信息被封装在 ...

  9. Centos7 之安装Logstash ELK stack 日志管理系统

    一.介绍 The Elastic Stack - 它不是一个软件,而是Elasticsearch,Logstash,Kibana 开源软件的集合,对外是作为一个日志管理系统的开源方案.它可以从任何来源 ...

  10. tinycore remaster方法

    11.1. PrerequisitesYou need a Linux distribution with the required programs available:cpio, tar, gzi ...