js 一些基础知识
数据类型：
作用域
每个函数都有自己的执行环境，执行环境定义了变量有权访问的其他数据，决定了他们各自的行为。
每个执行环境都有一个与之关联的变量对象（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 一些基础知识的更多相关文章
- css+js+html基础知识总结
css+js+html基础知识总结 一.CSS相关 1.css的盒子模型:IE盒子模型.标准W3C盒子模型: 2.CSS优先级机制: 选择器的优先权:!important>style(内联样式) ...
- 001/Node.js(Mooc)--基础知识
一.Node.js基础知识 node.js用C++语言编写. 简单的说 Node.js 就是运行在服务端的 JavaScript. Node.js 是一个基于Chrome JavaScript 运行时 ...
- node.js的基础知识
第一部分知识: .命令行窗口(小黑屏).CMD窗口.终端.shell - 开始菜单 --> 运行 --> CMD --> 回车 - 常用的指令: dir 列出当前目录下的所有文件 c ...
- js的基础知识笔记
目录 一.基本数据类型 二.函数 三.面向对象 一.基本数据类型 1.使用var声明变量.使用;结尾.使用{}表示代码块.使用驼峰式命名 2.变量是弱类型的,即并不严格要求声明变量的类型,一个变量可以 ...
- 【JS】基础知识
引言 在互联网的演化过程中,网页制作是Web1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主. 2005年以后,互联网进入了Web2.0时代,各类似桌面软件的Web应用大 ...
- 二、js中基础知识
该篇文章主要是强化一下自己javaScript的基础,让写代码变得更轻松些.基础好的请忽略. JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解 ...
- JS的基础知识
前言:写前端代码时的各种取值纠结,让我决定我必须要好好学一下js............加油~ $("#tr"+id).remove() 删除某一行,而不用刷新页面 HightCh ...
- js函数基础知识
[函数的声明及调用] function 函数名(参数1,参数2,....){ //函数体代码 return返回值: } 1.函数的调用: ①直接调用:函数名(参数1的值,参数2的值,....) ②事件 ...
- three.js引擎基础知识—摄像机、场景及渲染器
一.three.js采用右手坐标系: x轴正方向向右,y轴正方向向上,z轴由屏幕从里向外,如下图右: 二.3D编程三要素:场景.渲染器.摄像机 1.场景:创建的物品和模型都需放入场景中 threejs ...
- JS常用基础知识
前言:在js中dom和bom是我们操作的基本,在最初接触时候我也懵,但是后来慢慢发现其实bom就是操作浏览器,而dom就是操作文本框节点.
随机推荐
- MongoDB Query 的几个方法
Query.All("name", "a", "b");//通过多个元素来匹配数组Query.And(Query.EQ("name ...
- Java GC 日志解析
JVM 在Java应用程序优化中是不可缺少的一大重项,如何合理配置Java参数,如果验证配置参数的有效性,从GC日志中可以获得很重要的提示,以下是笔者对GC垃圾收集器默认开启的组合日志的部分的解析,希 ...
- try与catch
首先要清楚,如果没有try的话,出现异常会导致程序崩溃.而try则可以保证程序的正常运行下去,比如说:try{int i = 1/0;}catch(Exception e){........}一个计算 ...
- CodeForces 35D Animals
G - Animals Time Limit:2000MS Memory Limit:65536KB 64bit IO Format:%I64d & %I64u Submit ...
- （转载）C++STL中vector容器的用法
vector是C++标准模板库中的部分内容,它是一个多功能的,能够操作多种数据结构和算法的模板类和函数库.vector之所以被认为是一个容器,是因为它能够像容器一样存放各种类型的对象,简单地说vec ...
- Pgsql特殊排序
对字段值为A,B,C,D的时候进行特殊排序. CASE WHEN aa = 'H' THEN ' WHENaa = 'O' THEN ' ELSE aa END 对数字进行排序,升序,0排到最后面 C ...
- 简单实现Spring中BeanFactory原理
上一篇文章介绍了Java反射机制在Spring IOC中的应用,知道了BeanFactory底层的实现原理. 原理搞懂了,对Spring IOC理解起来也很容易. 先来看看Java代码获取Spring ...
- Linux中安装配置spark集群
一. Spark简介 Spark是一个通用的并行计算框架,由UCBerkeley的AMP实验室开发.Spark基于map reduce 算法模式实现的分布式计算,拥有Hadoop MapReduce所 ...
- 第二百六十八节，Tornado框架-路由映射之二级域名支持，html模板继承以及导入
Tornado框架-路由映射之二级域名支持,html模板继承以及导入 二级域名路由映射add_handlers()设置二级域名路由映射 注意:二级域名需要结合服务器ip绑定域名 框架引擎 #!/usr ...
- 第二百四十八节，Bootstrap轮播插件
Bootstrap轮播插件 学习要点: 1.轮播插件 本节课我们主要学习一下 Bootstrap 中的轮播插件. 一．轮播 轮播插件就是将几张同等大小的大图,按照顺序依次播放. 基本实例. 第一步,给 ...